Standby Design MCP Server

by karstenkreh Your server? Claim it

answering

Standby Design MCP is answering right now. Last checked 6 min ago. 89 installs a week from npm. It exposes 11 tools. Last commit 2 Nov 2026.

Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.

Installs per day peak 322 · avg 23 · +786% w/w

a month agotoday

Uptime history 91 days of history

91 days agonow

100.0%

Uptime 24h

91 of 91 checks

Tools

read from the server

135 ms

Response time

average over 24h

Installs / week

npm and PyPI

What changed 24

Every tool that appeared, vanished or quietly changed what it asks for. Recorded since 25 September 2026. No other catalogue keeps this.

2 Nov a tool changed version

1 Nov a tool appeared update_project

1 Nov a tool changed version

21 Oct a tool changed version

2 Oct 4 tools changed the parameters they ask for export_design_system, generate_color_palette, generate_shape_tokens and 1 more

2 Oct 2 tool descriptions were rewritten export_design_system, get_design_rules

2 Oct a tool changed version

26 Sep 6 tools changed the parameters they ask for export_design_system, generate_color_palette, generate_icon_tokens and 3 more

26 Sep 2 tool descriptions were rewritten export_design_system, get_design_system

26 Sep a tool appeared generate_motion_tokens

and 4 more, back to 25 September 2026

What the code does

We read the source, 21 h ago · tools taken from the live server · rules 995398eba69f

A tool parameter reaches a dangerous call

A value the model can set ends up inside a file or shell call. That is not a flaw by itself — for a terminal server it is the job — but it is where things go wrong when it is not.

A tool parameter reaches a file or shell call generate_icon_tokens.url → og-server.js:345, generate_space_tokens.url → og-server.js:332, generate_motion_tokens.url → og-server.js:345 и ещё 7

    fs.readFile(path.join(STATIC_ROOT, 'docs', `${docsMatch[1]}.html`), (err, html) => {

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.

Runs an external command packages/mcp-server/register-desktop.mjs:18, packages/design-lint/src/init.js:51

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

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

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

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

    <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.

A tool parameter here reaches a dangerous call

That is not a flaw by itself — but it is where things go wrong when it is not the job. We re-read this code on every release. Watch it and you hear from us the day another one appears.

Connect this server

Endpoint below is the one we actually reach during checks — not the one copied from a README. Last verified 6 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

Settings → Connectors → Add custom connector, then paste this address

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

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

Available tools 11

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_motion_tokens

Generate 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-tune with energy/material. Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable. Use export_design_system for CSS, design tokens or the LLM briefing; SwiftUI, Compose and Motion (JS) code is exported in the UI at standby.design/motion.

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_rules

Universal 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 returns every rule as one line (63 rules); pass rules (slugs) or a category with detail "full" for the complete text including how to detect violations in code. Rule texts are in German. Categories: Layout, Fluss, Form, Fläche, Bedienung, Formular, Inhalt, Zustand, Typografie, Farbe, Stack.

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, 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

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 & 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). Optionally restrict to specific sections. Every format carries the standby.design/system share link. Always give that URL to the user alongside the code and keep it as a comment in the theme file of the target project — 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.

project

update_project

Returns the steps to install or update the standby.design rule enforcement (lint hook, pre-commit, CI, review skill, agent instructions) in the current project. Call this when the user asks to get the latest standby.design rules or update, e.g. "Hol Dir das Update", "update standby", "set up the design rules here".

Endpoints

URL	Transport	State	Latency	Checked
https://mcp.standby.design/mcp	streamable-http	answering	96 ms	6 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

79 installs/wk local only

DesignScan

by ms-zaman

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

51 installs/wk local only

Mozaic

by merzoukemansouri

Mozaic Design System (ADEO): tokens, components, icons, docs and style guides for any agent.

199 installs/wk local only

Design Constraint Validator

by cseperkepapp

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

88 installs/wk local only

Designelier

by designelier

Generate matching icon sets, spot illustrations and transparent design assets for sites and apps.

answering

Basiiik

by shubhankarsd

Design system for coding agents: component specs, rules, tokens, icons and checked React snippets.

1 109 installs/wk local only

Dembrandt

by dembrandt

Design tokens from any live site: colours, type, spacing, components, drift against a baseline.

7 444 installs/wk local only

TypeUI

by bergside

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

answering

Standby Design MCP — questions

Answers built from our own checks of this server.

What can Standby Design MCP do?

It exposes 11 tools, read directly from the server on our last check. Among them: export_design_system, generate_color_palette, generate_icon_tokens, generate_motion_tokens, generate_shape_tokens, generate_space_tokens and 5 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 →

What is Standby Design MCP mostly used for?

Its tools cluster around generate and design. That is what this server is built to work with — the grouping comes from the actual tool names, not from a category we assigned.

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 135 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 in the form 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 11 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 135 ms on average, which is faster than 86% 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 89 times in the last week. Week over week that is +786%. 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?

The code is open source: it is published under the MIT licence, written in TypeScript, 1 stars on GitHub and 10 open issues. The licence covers the code in the repository, not the hosted service at mcp.standby.design, which runs on its operator's own terms.