Standby Design MCP MCP server

An official MCP server from standby.design that allows AI agents to generate complete design systems, including OKLCH color palettes, fluid type scales, spacing, shape tokens, icon sets, and motion tokens. It provides deterministic, read-only tools to build and export design tokens compatible with CSS, Tailwind, and other frameworks.

Endpoint and access

No sign-in: your client connects and lists tools immediately, with no account or key.

No sign-inEndpoint checked 2026-10-05Operated by standby.design

MCP endpoint (Streamable HTTP)

https://mcp.standby.design/mcp

Vendor documentation

What you can do with it

Generate OKLCH color palettes with semantic tokens for light and dark modes
Build fluid typographic scales using CSS clamp() and custom ratios
Create spacing scales, breakpoints, and container width tokens
Export complete design systems as CSS custom properties or Tailwind v4 themes

Tools advertised by the last live check:

generate_color_palette
generate_type_scale
generate_shape_tokens
generate_icon_tokens
generate_space_tokens
generate_motion_tokens
get_design_system
export_design_system
list_fonts
get_design_rules

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers a Streamable HTTP server. Use --scope project to write .mcp.json for the repo.

Claude Code configuration

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

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).

Codex configuration

codex mcp add standby-design-mcp --url https://mcp.standby.design/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable standby-design-mcp in your MCP settings.

Cursor configuration

{
  "mcpServers": {
    "standby-design-mcp": {
      "url": "https://mcp.standby.design/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure). The type must be streamableHttp for a remote HTTP server.

Cline configuration

{
  "mcpServers": {
    "standby-design-mcp": {
      "type": "streamableHttp",
      "url": "https://mcp.standby.design/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start standby-design-mcp and inspect its tools.

VS Code configuration

{
  "servers": {
    "standby-design-mcp": {
      "type": "http",
      "url": "https://mcp.standby.design/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.

Gemini CLI configuration

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

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.

Claude Desktop configuration

{
  "mcpServers": {
    "standby-design-mcp": {
      "url": "https://mcp.standby.design/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.

Windsurf configuration

{
  "mcpServers": {
    "standby-design-mcp": {
      "serverUrl": "https://mcp.standby.design/mcp"
    }
  }
}

See all 161

Do you run Standby Design MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing