Standby Design MCP
Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
Connect it
Settings → Connectors → Add custom connector
URL: https://mcp.standby.design/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://mcp.standby.design/mcp{
"mcpServers": {
"standby-design-mcp": {
"url": "https://mcp.standby.design/mcp"
}
}
}claude mcp add --transport http standby-design-mcp https://mcp.standby.design/mcp{
"servers": {
"standby-design-mcp": {
"type": "http",
"url": "https://mcp.standby.design/mcp"
}
}
}{
"mcpServers": {
"standby-design-mcp": {
"command": "npx",
"args": [
"-y",
"standby-design-mcp@0.5.0"
]
}
}
}claude mcp add standby-design-mcp -- npx -y standby-design-mcp@0.5.010 tools, verified live
generate_color_paletteread-onlyGenerate 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
generate_type_scaleread-onlyGenerate 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.
generate_shape_tokensread-onlyGenerate 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_icon_tokensread-onlyPick 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
generate_space_tokensread-onlyGenerate 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_motion_tokensread-onlyGenerate spring-based motion tokens from two brand-character axes: energy (calm â lively, sets the tempo) and material (firm â elastic, sets how much spatial motion overshoots). Returns 6 primitive springs (spatial/effect à fast/default/slow), 11 semantic tokens (press, move, expand, enter, exit, fade, navigate.*, sheet.*, container) and the reduced-motion rule. Start from a preset, then fine
get_design_systemread-onlyDecode a standby.design URL (or raw hash) and return an overview of the full design system: color palette, type scale, spacing & layout, shape tokens, motion springs, and icons â plus per-tool edit links. Always give the standby.design/system URL to the user â the link is the deliverable.
export_design_systemread-onlyGenerate 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 & layout, shape, icons and motion; color is not part of it), "llm-briefing" (Markdown brief for AI code generation), or "font-embed" (Fontshare <link> snippet). Optionall
list_fontsread-onlyList 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.
get_design_rulesread-onlyUniversal design rules for building UI with design tokens: layout, flow (empty, loading and error states, dialogs), shape, surfaces, interaction and keyboard access, forms, content structure, states, typography, color and stack rules for Tailwind/React Native. The tokens say which values exist; these rules say how to use them. Call this before building or reviewing views. Without arguments it retu
Alternatives in Developer Tools
Compare →MUMuxOfficialA
The official MCP Server for the Mux API
SMSentry MCPOfficialA
MCP server for Sentry - error monitoring, issue tracking, and debugging for AI assistants
Compiler ExplorerA
Compile code with thousands of compilers, inspect the assembly, and share godbolt.org links
MIMiroOfficialA
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
Context7A
Up-to-date code docs for any prompt
AAAirbyte AgentsOfficialA
Let AI agents query data and act across all your business apps via MCP.