Standby Design MCP Server

by karstenkreh Your server? Claim it

answering

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

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

Installs per day peak 40 · avg 14 · +28% w/w

a month agotoday

Uptime history 47 days of history

47 days agonow

100.0%

Uptime 24h

92 of 92 checks

Tools

read from the server

134 ms

Response time

average over 24h

Installs / week

npm and PyPI

What the code does

We read the source, 18 h ago · tools taken from the live server · rules 3dff92dd89df

Capabilities

What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.

Builds a file path from a variable og-server.js:358

  let filePath = path.join(STATIC_ROOT, pathname);

Runs an external command packages/mcp-server/register-desktop.mjs:18

const nodePath = execSync(process.platform === 'win32' ? 'where node' : 'which node')

Page loads a third-party script color-react/index.html:46, index.html:335, role-react/index.html:19 и ещё 5

    <script defer src="https://umami.standby.design/script.js" data-website-id="255e8c46-9a39-4cc8-ba66-5cb4fc53b91e"></script>

Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.

This code can reach further than it looks

We found places where it runs commands, builds paths or queries from values it is given. None of that is a flaw by itself — it becomes one when the code changes, and code changes quietly between releases. We re-read it on every one.

Connect this server

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

Claude Code Claude Desktop Codex Cursor VS Code

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

URL	Transport	State	Latency	Checked
https://mcp.standby.design/mcp	streamable-http	answering	136 ms	3 min ago

Alternatives to Standby Design MCP

same job, measured the same way

Tokven MCP

by mihkel00

Generate design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format

57 installs/wk local only

DesignScan

by ms-zaman

Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.

42 installs/wk local only

Design Constraint Validator

by cseperkepapp

Validate design tokens for accessibility, scales, and design-system constraint consistency.

71 installs/wk local only

HTML to Figma — Design System

by miapre

Translate HTML prototypes into Figma using your design system's real components and tokens.

26 installs/wk local only

StyleSeed Tokenizer

by evozim

Automated design system token generator and export utility.

answering

TypeUI

by bergside

Design systems, UI prompts, and layout variations for AI coding tools.

answering

Stitch Wand

by dilshaus

Design token tools for Google Stitch: convert, validate, diff, lint, generate, and export.

23 installs/wk local only

Design System

by zaklad

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

answering

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 92 of 92 checks got a reply (100.0%), average response time 134 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 134 ms on average, which is faster than 79% 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 81 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.