Dynamic Mockups MCP

claude mcp add dynamic-mockups --env DYNAMIC_MOCKUPS_API_KEY='<DYNAMIC_MOCKUPS_API_KEY>' -- npx -y @dynamic-mockups/mcp

~/.codex/config.toml

[mcp_servers.dynamic-mockups]
command = "npx"
args = ["-y", "@dynamic-mockups/mcp"]
env = { DYNAMIC_MOCKUPS_API_KEY = "<DYNAMIC_MOCKUPS_API_KEY>" }

# codex mcp add dynamic-mockups --env DYNAMIC_MOCKUPS_API_KEY='<DYNAMIC_MOCKUPS_API_KEY>' -- npx -y @dynamic-mockups/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "dynamic-mockups": {
      "command": "npx",
      "args": [
        "-y",
        "@dynamic-mockups/mcp"
      ],
      "env": {
        "DYNAMIC_MOCKUPS_API_KEY": "<DYNAMIC_MOCKUPS_API_KEY>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "dynamic-mockups": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@dynamic-mockups/mcp"
      ],
      "env": {
        "DYNAMIC_MOCKUPS_API_KEY": "<DYNAMIC_MOCKUPS_API_KEY>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "dynamic-mockups": {
      "command": "npx",
      "args": [
        "-y",
        "@dynamic-mockups/mcp"
      ],
      "env": {
        "DYNAMIC_MOCKUPS_API_KEY": "<DYNAMIC_MOCKUPS_API_KEY>"
      }
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "dynamic-mockups": {
      "command": "npx",
      "args": [
        "-y",
        "@dynamic-mockups/mcp"
      ],
      "env": {
        "DYNAMIC_MOCKUPS_API_KEY": "<DYNAMIC_MOCKUPS_API_KEY>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "dynamic-mockups": {
      "command": "npx",
      "args": [
        "-y",
        "@dynamic-mockups/mcp"
      ],
      "env": {
        "DYNAMIC_MOCKUPS_API_KEY": "<DYNAMIC_MOCKUPS_API_KEY>"
      }
    }
  }
}