Better Design

claude mcp add better-design --env BETTER_DESIGN_API_KEY='<BETTER_DESIGN_API_KEY>' -- npx -y better-design

~/.codex/config.toml

[mcp_servers.better-design]
command = "npx"
args = ["-y", "better-design"]
env = { BETTER_DESIGN_API_KEY = "<BETTER_DESIGN_API_KEY>" }

# codex mcp add better-design --env BETTER_DESIGN_API_KEY='<BETTER_DESIGN_API_KEY>' -- npx -y better-design

~/.cursor/mcp.json

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "better-design": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

claude mcp add --transport http better-design https://better-design.com/api/mcp

~/.codex/config.toml

[mcp_servers.better-design]
url = "https://better-design.com/api/mcp"

# codex mcp add better-design --url https://better-design.com/api/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "better-design": {
      "url": "https://better-design.com/api/mcp"
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "better-design": {
      "type": "http",
      "url": "https://better-design.com/api/mcp"
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "better-design": {
      "httpUrl": "https://better-design.com/api/mcp"
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://better-design.com/api/mcp"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "better-design": {
      "url": "https://better-design.com/api/mcp"
    }
  }
}