Overflow Design

claude mcp add --transport http overflow-design https://www.overflow.design/api/mcp/ --header 'Authorization: Bearer <LICENCE_KEY>'

~/.codex/config.toml

[mcp_servers.overflow-design]
url = "https://www.overflow.design/api/mcp/"
bearer_token_env_var = "OVERFLOW_DESIGN_LICENCE_KEY"

# codex mcp add overflow-design --url https://www.overflow.design/api/mcp/ --bearer-token-env-var OVERFLOW_DESIGN_LICENCE_KEY
# export OVERFLOW_DESIGN_LICENCE_KEY=<LICENCE_KEY>

~/.cursor/mcp.json

{
  "mcpServers": {
    "overflow-design": {
      "url": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "overflow-design": {
      "type": "http",
      "url": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "overflow-design": {
      "httpUrl": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "overflow-design": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://www.overflow.design/api/mcp/",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "overflow-design": {
      "url": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}