standby-design-mcp

Name: standby-design-mcp
Author: KarstenKreh

KarstenKreh

Design system generators: OKLCH color palettes, fluid type scales, spacing, shape & icon tokens — web tools + MCP server for AI agents. CSS / Tailwind v4 / W3C design tokens.

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

一键添加到 Cursor 一键添加到 VS Code

本地运行

claude mcp add standby-design -- npx -y standby-design-mcp

~/.codex/config.toml

[mcp_servers.standby-design]
command = "npx"
args = ["-y", "standby-design-mcp"]

# codex mcp add standby-design -- npx -y standby-design-mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "standby-design": {
      "command": "npx",
      "args": [
        "-y",
        "standby-design-mcp"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "standby-design": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "standby-design-mcp"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "standby-design": {
      "command": "npx",
      "args": [
        "-y",
        "standby-design-mcp"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "standby-design": {
      "command": "npx",
      "args": [
        "-y",
        "standby-design-mcp"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "standby-design": {
      "command": "npx",
      "args": [
        "-y",
        "standby-design-mcp"
      ]
    }
  }
}

远程托管

claude mcp add --transport http standby-design https://mcp.standby.design/mcp