mcpbeat

Standby Design MCP Server

io.github.KarstenKreh/standby-design-mcp
answering

Standby Design MCP is answering right now. Last checked 7 min ago. 102 installs a week from npm. It exposes 8 tools. Last commit 3 Jul 2026.

Generate design systems: OKLCH color palettes, fluid type scales, spacing, shape and icon tokens.

Installs per day peak 40 · avg 13 · +28% w/w
a month agotoday
Uptime history 39 hours of history
39 hours agonow
100.0%
Uptime 24h
91 of 91 checks
8
Tools
read from the server
142 ms
Response time
average over 24h
102
Installs / week
npm and PyPI

Connect this server

Endpoint below is the one we actually reach during checks — not the one copied from a README. Last verified 7 min ago.

run in your terminal
claude mcp add standby-design-mcp --transport http https://mcp.standby.design/mcp
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "standby-design-mcp": {
      "url": "https://mcp.standby.design/mcp"
    }
  }
}
~/.codex/config.toml
[mcp_servers.standby-design-mcp]
url = "https://mcp.standby.design/mcp"
.cursor/mcp.json
{
  "mcpServers": {
    "standby-design-mcp": {
      "url": "https://mcp.standby.design/mcp"
    }
  }
}
.vscode/mcp.json
{
  "mcpServers": {
    "standby-design-mcp": {
      "url": "https://mcp.standby.design/mcp"
    }
  }
}

Available tools 8

Read directly from the server with tools/list, grouped by what they act on. If a tool disappears, we record the date.

generate
generate_color_palette
Generate a perceptually uniform OKLCH color palette from a brand color: 18-step scales for brand/surface/error/accents, semantic tokens (shadcn/ui compatible), light+dark modes. Returns a shareable standby.design/system URL and a compact summary. Always give that URL to the user — the link is the deliverable; it opens the live system in the browser. Use export_design_system for full CSS/Tailwind output.
generate_icon_tokens
Pick an icon set and generate icon sizing tokens (xs–2xl + stroke width). Either select a specific set or state style preferences and get a recommendation. Available sets: material-outlined, material-filled, lucide, phosphor-regular, phosphor-bold, phosphor-thin, phosphor-fill, solar-linear, solar-bold, solar-broken, tabler-outline, tabler-filled, radix. Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable.
generate_shape_tokens
Generate shape tokens — radii, shadows, borders, focus rings — in one of four visual styles: "paper" (classic surfaces with layered shadows), "glass" (liquid glass), "neomorph" (soft neumorphism), "neobrutalism" (hard offset shadows). Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable.
generate_space_tokens
Generate spacing tokens (3xs–3xl), breakpoints, container widths, prose measure, and aspect ratios. Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable.
generate_type_scale
Generate a fluid typographic scale (CSS clamp() between 375px and 1920px viewports) with 11 levels (Display, H1–H6, Body L/M/S, Caption), Fontshare fonts, line heights and letter spacing. Returns a shareable standby.design/system URL and a summary table. Always give that URL to the user — the link is the deliverable. Use list_fonts to discover font slugs.
design
get_design_system
Decode a standby.design URL (or raw hash) and return an overview of the full design system: color palette, type scale, spacing & layout, shape tokens, and icons — plus per-tool edit links. Always give the standby.design/system URL to the user — the link is the deliverable.
export
export_design_system
Generate the full token code for a design system URL in one format: "css" (CSS custom properties incl. semantic shadcn/ui-compatible tokens), "tailwind" (Tailwind v4 @theme), "design-tokens" (W3C DTCG JSON — typography & spacing), "llm-briefing" (Markdown brief for AI code generation), or "font-embed" (Fontshare <link> snippet). Optionally restrict to specific sections. Always give the returned standby.design/system URL to the user alongside the code — the link is the deliverable.
fonts
list_fonts
List Fontshare font slugs usable in generate_type_scale (headingFont/bodyFont/monoFont), grouped by category. This is the bundled seed catalog — any valid Fontshare slug works even if not listed here.

Endpoints

URLTransportStateLatencyChecked
https://mcp.standby.design/mcp streamable-http answering 149 ms 7 min ago

Standby Design MCP — questions

Answers built from our own checks of this server.

What can Standby Design MCP do?
It exposes 8 tools, read directly from the server on our last check. Among them: export_design_system, generate_color_palette, generate_icon_tokens, generate_shape_tokens, generate_space_tokens, generate_type_scale and 2 more. The full list with descriptions is on this page — we take it from the server itself via tools/list, not from a README. How MCP servers expose tools in the first place →
Is Standby Design MCP working right now?
We send a real MCP handshake every 15 minutes. Over the last 24 hours 91 of 91 checks got a reply (100.0%), average response time 142 ms. The bar chart above shows every period we have measured.
How do I connect Standby Design MCP?
Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It is a remote server, so there is nothing to install — the client connects to the address.
Does Standby Design MCP need an API key?
No. Standby Design MCP completed a full MCP handshake with us as an anonymous client and listed its tools without asking for anything. All 8 of them are readable on this page. This is what we observed, not what the docs claim.
How fast is Standby Design MCP?
It answers our handshake in 142 ms on average, which is faster than 75% of all working MCP servers we measure. That puts it in the quick quarter of the ecosystem. The comparison comes from our own checks across the whole registry, every 15 minutes.
How many people use Standby Design MCP?
The npm package standby-design-mcp was installed 102 times in the last week. Week over week that is +28%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.
Is Standby Design MCP open source?
Yes — it is published under the MIT licence, written in TypeScript, 1 stars on GitHub and 23 open issues. The source link is on this page, so you can read exactly what it does with your data before you connect it.