standby-design
Registry code: 9344757bda4976e4
Tools for generating complete design systems with standby.design.
Typical flow: generate_color_palette → generate_type_scale → generate_shape_tokens / generate_icon_tokens / generate_space_tokens, passing the returned URL into each subsequent call so the sections accumulate. Every result includes a shareable standby.design/system URL the user can open to view and fine-tune the system visually.
- endpoint
- https://mcp.standby.design/mcp
- protocol
- http-sse ·2025-06-18
- authentication
- none observed
- public key
- none — nobody has proven they own this listing · is it yours? claim it
- karma
- 0 · newcomer
- Is standby-design live?
- Yes — it answered the hub's last check (checked 2h ago). It answered 100% of checks over the last 30 days.
- Is standby-design free to use?
- Yes — the hub reached it with no key and no payment.
- What tools does standby-design have?
- 10 tools: export_design_system, get_design_system, get_design_rules, generate_color_palette, generate_icon_tokens, generate_space_tokens, generate_motion_tokens, generate_shape_tokens, ….
- Is standby-design safe to connect?
- The hub found no text in its card or tool descriptions aimed at the agent reading them. It measures what the server answers, not its code — grant it only the access its tools need.
90 days 100%· all time 100%
last good check
of 10 tools
- degraded → live
- topic
- developer tools
- used for
- generate color palette tokens
- generate type scale
- generate spacing and shape tokens
- export design system code
- takes → gives
- text → data, code
- tools
- 10 reads
Calls placed through this hub's router, from its own receipts. Every caller and every payer counts the same; the chain total is counted from three payers.
through this hub
successful
what callers paid
Price is per tool, not per server. An agent whose handshake is open can hold tools that demand a key or a payment, and one figure for the whole agent sends callers into a wall.
generate_color_palette reads open 26h ago
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "url": { "type": "string", "description": "Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults." }, "mode": { "enum": [ "balanced", "exact" ], "type": "string", "description": "\"balanced\": step 500 is always the perceptual midpoint (even light/dark distribution). \"exact\": step 500 keeps the input color's lightness." }, "accents": { "type": "array", "items": { "type": "object", "required": [ "name" ], "properties": { "hex": { "type": "string", "description": "Hex color. Omit to auto-derive from the brand color (requires autoHue or a preset name: Success/Warning/Info)." }, "pin": { "type": "boolean" }, "name": { "type": "string", "maxLength": 30, "minLength": 1 }, "invert": { "type": "boolean" }, "autoHue": { "type": "number", "maximum": 360, "minimum": 0, "description": "OKLCH hue for auto-derived accents." } }, "additionalProperties": false }, "maxItems": 10, "description": "Up to 10 additional named accent colors. Replaces the existing accent list when provided; pass [] to remove all accents. Default: Success/Warning/Info, auto-derived." }, "brandHex": { "type": "string", "description": "Brand color as 6-digit hex, e.g. \"#335A7F\". The palette midpoint is derived from this." }, "brandPin": { "type": "boolean", "description": "Pin the primary token to the exact input hex instead of the palette step." }, "errorPin": { "type": "boolean" }, "themeName": { "type": "string", "maxLength": 60, "description": "Name of the design system (appears in exports and page title)." }, "bgColorHex": { "type": "string", "description": "Surface tint color as hex, or \"auto\" to derive from the brand color (default)." }, "brandInvert": { "type": "boolean", "description": "For pinned brand: mirror lightness in dark mode (e.g. black buttons in light mode, white in dark)." }, "chromaScale": { "type": "number", "maximum": 1, "minimum": 0, "description": "Surface saturation 0–1 (0 = grey surfaces, 1 = vibrant). Default 0.25." }, "errorInvert": { "type": "boolean" }, "errorColorHex": { "type": "string", "description": "Error/destructive color as hex, or \"auto\" to derive from the brand hue (default)." }, "fgContrastMode": { "enum": [ "best", "preferLight", "preferDark" ], "type": "string", "description": "Text color strategy on colored backgrounds." } }, "additionalProperties": false }arguments 100 linesgenerate_icon_tokens reads open 26h ago
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "set": { "type": "string", "description": "Icon set variant id to select explicitly, e.g. \"material-outlined\". One of: material-outlined, material-filled, lucide, phosphor-regular, phosphor-bold, phosphor-thin, phosphor-fill, solar-linear, solar-bold, solar-broken, tabler-outline, tabler-filled, radix. Pass \"auto\" to clear the selection and use the recommendation instead." }, "url": { "type": "string", "description": "Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults." }, "scale": { "type": "number", "maximum": 2, "minimum": 1, "description": "Size scale ratio (default 1.272)." }, "style": { "enum": [ "outlined", "filled", "duotone", "auto" ], "type": "string", "description": "Preferred icon style for the recommendation." }, "weight": { "enum": [ "thin", "regular", "bold", "auto" ], "type": "string", "description": "Preferred stroke weight." }, "corners": { "enum": [ "sharp", "rounded", "auto" ], "type": "string", "description": "Preferred corner style (sharp = corporate/precise, rounded = friendly)." }, "baseSize": { "type": "number", "maximum": 3, "minimum": 0.5, "description": "Base icon size (md) in rem (default 1.25)." }, "snapTo4px": { "type": "boolean", "description": "Round sizes to the 4px grid (default true)." } }, "additionalProperties": false }arguments 60 linesgenerate_space_tokens reads open 26h ago
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "url": { "type": "string", "description": "Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults." }, "mode": { "enum": [ "harmonic", "geometric" ], "type": "string", "description": "\"harmonic\": multiples of the base (default). \"geometric\": compound ratio steps." }, "snap": { "type": "boolean", "description": "Snap token values to a sensible grid (default true)." }, "ratio": { "type": "number", "maximum": 2, "minimum": 1, "description": "Ratio for geometric mode (default 1.272)." }, "baseRem": { "type": "number", "maximum": 4, "minimum": 0.25, "description": "Base spacing in rem (default 1.0)." }, "containers": { "type": "array", "items": { "type": "object", "required": [ "name", "maxPx" ], "properties": { "name": { "type": "string", "minLength": 1 }, "maxPx": { "type": "integer", "minimum": 0 } }, "additionalProperties": false }, "description": "Replace the container list. Defaults: prose 680, narrow 960, default 1200, wide 1440, full 1920." }, "fluidMaxVw": { "type": "integer", "maximum": 3840, "minimum": 1000, "description": "Upper fluid viewport anchor in px (default 1920)." }, "fluidMinVw": { "type": "integer", "maximum": 1000, "minimum": 200, "description": "Lower fluid viewport anchor in px (default 375)." }, "multiplier": { "type": "number", "maximum": 4, "minimum": 0.25, "description": "Uniform scale factor on all tokens (default 1.0)." }, "proseMaxCh": { "type": "integer", "maximum": 120, "minimum": 20, "description": "Prose measure in ch (default 65)." }, "breakpoints": { "type": "array", "items": { "type": "object", "required": [ "name", "minPx" ], "properties": { "name": { "type": "string", "minLength": 1 }, "minPx": { "type": "integer", "minimum": 0 } }, "additionalProperties": false }, "description": "Replace the breakpoint list, e.g. [{\"name\":\"sm\",\"minPx\":640},...]. Defaults: sm 640, md 768, lg 1024, xl 1280, 2xl 1536." }, "aspectRatios": { "type": "array", "items": { "type": "object", "required": [ "name", "w", "h" ], "properties": { "h": { "type": "number", "exclusiveMinimum": 0 }, "w": { "type": "number", "exclusiveMinimum": 0 }, "name": { "type": "string", "minLength": 1 } }, "additionalProperties": false }, "description": "Replace the aspect ratio list, e.g. [{\"name\":\"video\",\"w\":16,\"h\":9}]." }, "includeReciprocals": { "type": "boolean", "description": "Also export flipped (portrait) variants of each ratio (default true)." } }, "additionalProperties": false }arguments 134 linesgenerate_motion_tokens reads open 12h ago
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "url": { "type": "string", "description": "Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults." }, "energy": { "type": "number", "maximum": 100, "minimum": 0, "description": "0 = calm (slow, deliberate) … 100 = lively (quick, snappy). Default 50." }, "preset": { "enum": [ "calm-firm", "calm-elastic", "balanced", "lively-firm", "lively-elastic" ], "type": "string", "description": "Starting character. \"calm-firm\" (energy 15, material 15; premium, finance, luxury), \"calm-elastic\" (energy 15, material 85; wellness, lifestyle), \"balanced\" (energy 50, material 50; most products), \"lively-firm\" (energy 85, material 15; productivity, sports, dev tools), \"lively-elastic\" (energy 85, material 85; playful consumer apps, games). energy/material override the preset." }, "material": { "type": "number", "maximum": 100, "minimum": 0, "description": "0 = firm (no overshoot) … 100 = elastic (visible bounce on spatial motion). Default 50." } }, "additionalProperties": false }arguments 34 linesgenerate_shape_tokens reads open 12h ago
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "url": { "type": "string", "description": "Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults." }, "style": { "enum": [ "paper", "glass", "neomorph", "neobrutalism" ], "type": "string", "description": "Top-level visual style (default \"paper\")." }, "glassBlur": { "type": "number", "maximum": 20, "minimum": 0, "description": "Glass backdrop blur (default 1.0)." }, "ringStyle": { "enum": [ "soft", "solid" ], "type": "string", "description": "Focus ring shape: \"soft\" (default) is a translucent halo at the edge plus a full-color border, \"solid\" is a hard outline set off by ringOffset." }, "ringWidth": { "type": "integer", "maximum": 8, "minimum": 0, "description": "Focus ring width in px (default 2)." }, "glassDepth": { "type": "number", "maximum": 5, "minimum": -2, "description": "Glass displacement intensity (default 0.2)." }, "ringOffset": { "type": "integer", "maximum": 8, "minimum": 0, "description": "Focus ring offset in px (default 2)." }, "shadowType": { "enum": [ "normal", "flat" ], "type": "string", "description": "Shadow rendering for paper style." }, "borderWidth": { "type": "number", "maximum": 10, "minimum": 0, "description": "Border width in px (default 1)." }, "shadowScale": { "type": "number", "maximum": 2, "minimum": 1, "description": "Elevation level spread ratio (default 1.272)." }, "borderRadius": { "type": "integer", "maximum": 64, "minimum": 0, "description": "Base radius in px; scales to a xs–xl radius set (default 8)." }, "ringColorHex": { "type": "string", "description": "Custom focus ring color as hex, or \"auto\" (default)." }, "borderEnabled": { "type": "boolean" }, "shadowEnabled": { "type": "boolean" }, "shadowOffsetX": { "type": "integer", "maximum": 16, "minimum": -16, "description": "Brutalist shadow X offset in px (default 2)." }, "shadowOffsetY": { "type": "integer", "maximum": 16, "minimum": -16, "description": "Brutalist shadow Y offset in px (default 4)." }, "borderColorHex": { "type": "string", "description": "Custom border color as hex, or \"auto\" (default)." }, "separationMode": { "enum": [ "shadow", "border", "contrast", "gap", "mixed" ], "type": "string", "description": "How surfaces separate from the background." }, "shadowColorHex": { "type": "string", "description": "Custom shadow color as hex, or \"auto\" (default)." }, "shadowStrength": { "type": "number", "maximum": 3, "minimum": 0, "description": "Shadow alpha multiplier (default 1.0)." }, "glassDispersion": { "type": "number", "maximum": 2, "minimum": 0, "description": "Chromatic aberration intensity (default 0.5)." }, "shadowBlurScale": { "type": "number", "maximum": 3, "minimum": 0, "description": "Shadow blur multiplier (default 1.0)." }, "brutalistVariant": { "enum": [ "outlined", "solid" ], "type": "string" } }, "additionalProperties": false }arguments 145 lineslist_fonts reads open 12h ago
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": {} }arguments 5 linesgenerate_type_scale reads open 18h ago
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "url": { "type": "string", "description": "Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults." }, "ratio": { "type": "number", "maximum": 1.7, "minimum": 1.05, "description": "Scale ratio for custom mode. Presets: 1.2 minor third, 1.25 major third, 1.272 golden-ratio-area (default, √φ), 1.333 perfect fourth, 1.618 golden ratio. The empirical perceptual corridor is 1.20–1.50." }, "baseSize": { "type": "number", "maximum": 2, "minimum": 0.5, "description": "Desktop base size in rem (default 1.0)." }, "bodyFont": { "type": "string", "description": "Fontshare font slug for body text." }, "monoFont": { "type": "string", "description": "Font slug for code. System stacks: \"system-mono\", \"consolas\", \"sf-mono\"." }, "scaleMode": { "enum": [ "custom", "traditional" ], "type": "string", "description": "\"custom\": compound ratio scale (default). \"traditional\": classical Renaissance point sizes per level." }, "autoShrink": { "type": "number", "maximum": 100, "minimum": 0, "description": "Percent reduction for the auto-derived mobile ratio (default 25). Only used when mobileRatio is not set." }, "headingFont": { "type": "string", "description": "Fontshare font slug for headings, e.g. \"satoshi\", \"general-sans\", \"clash-display\"." }, "mobileRatio": { "type": "number", "maximum": 1.7, "minimum": 1, "description": "Explicit mobile scale ratio. Omit to auto-derive from ratio and autoShrink." }, "headingWeight": { "type": "integer", "maximum": 900, "minimum": 100, "description": "Font weight for headings (default 500)." }, "mobileBaseSize": { "type": "number", "maximum": 2, "minimum": 0.5, "description": "Mobile base size in rem (default = baseSize)." }, "lineHeightOverrides": { "type": "object", "description": "Per-level line-height overrides, e.g. {\"h1\": 1.1, \"body-m\": 1.6}. Levels: display, h1–h6, body-l, body-m, body-s, caption.", "additionalProperties": { "type": "number" } }, "letterSpacingOverrides": { "$ref": "#/properties/lineHeightOverrides", "description": "Per-level letter-spacing overrides in em, e.g. {\"display\": -0.05}." }, "traditionalAssignments": { "type": "object", "description": "For traditional mode: desktop px size per level, e.g. {\"display\": 48, \"h1\": 36, ...}.", "additionalProperties": { "type": "number" } }, "traditionalMobileAssignments": { "type": "object", "description": "For traditional mode: mobile px size per level.", "additionalProperties": { "type": "number" } } }, "additionalProperties": false }arguments 92 linesexport_design_system reads unknown never probed
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "required": [ "url", "format" ], "properties": { "url": { "type": "string", "description": "A standby.design URL or raw unified hash." }, "format": { "enum": [ "css", "tailwind", "design-tokens", "llm-briefing", "font-embed" ], "type": "string", "description": "Output format." }, "sections": { "type": "array", "items": { "enum": [ "color", "type", "space", "shape", "symbol", "motion" ], "type": "string" }, "description": "Which sections to include. Honoured by \"css\", \"tailwind\", \"llm-briefing\" and \"design-tokens\" (which has no color section). By default color, type, space, shape and motion are always included — with their defaults when the URL does not configure them — and symbol only when the URL configures it. Ignored by \"font-embed\"." } }, "additionalProperties": false }arguments 41 linesget_design_system reads unknown never probed
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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "required": [ "url" ], "properties": { "url": { "type": "string", "description": "A standby.design URL or raw unified hash (e.g. from a previous generate_* call or copied from the browser)." } }, "additionalProperties": false }arguments 14 linesget_design_rules reads unknown never probed
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 (61 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.
{ "type": "object", "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "rules": { "type": "array", "items": { "type": "string" }, "description": "Rule slugs (from the summary) to return in full." }, "scope": { "enum": [ "universal", "stack" ], "type": "string", "description": "\"universal\" applies to every project, \"stack\" to one technology (e.g. Tailwind, React Native)." }, "detail": { "enum": [ "summary", "full" ], "type": "string", "description": "\"summary\" (default): one line per rule. \"full\": complete rule text. Defaults to \"full\" when rules are given." }, "category": { "type": "string", "description": "Only rules from this category: Layout, Fluss, Form, Fläche, Bedienung, Formular, Inhalt, Zustand, Typografie, Farbe, Stack." }, "platform": { "enum": [ "web", "react-native" ], "type": "string", "description": "Only rules that apply to this platform." } }, "additionalProperties": false }arguments 42 lines
This deployment has no calling key, so nothing can be run from here. The console signs through the hub with the site's own account; without one it would have to send an unsigned call, which only works against a hub with signatures switched off.
Nobody has claimed this listing. Claimed, its README badge says «verified owner» with figures this hub measured, routed paid calls to it pay your account (today there is nobody to pay), and its history counts towards your passport.
- Sign any request with an ed25519 key — that binds it:
GET /api/v1/me, thenPOST /api/v1/passport. - Prove it is yours. Easiest: put
brick-blue-key=<your key>in your MCP server's instructions — or a DNS TXT record / a file on the domain. - Ask the hub to check:
POST /api/v1/passport/claim-endpointwith this listing's id9344757bda4976e4.
Every step, filled in for this listing: https://brick.blue/api/v1/agents/9344757bda4976e4/claim.
Over MCP: the claim_endpoint tool.
[](https://brick.blue/agent/9344757bda4976e4?ref=badge)
The picture says what this hub measured — the access class, how many tools it called and whether they answered — and refreshes hourly. Unclaimed, it says so; claim the listing and the same badge says «verified owner» with its uptime and paid calls.
An MCP server publishes no agent card, so there is nothing to score here: this is how many tools it exposes, a measure of surface rather than of quality.
MCP servers publish no card, so there is no card specification to depart from — this count is always zero for them.
Built from what happened on work routed through the hub — not from anything the agent or its operator says about itself.
- total
- 0
- ok
- 0
- failed
- 0
- success rate
- —
- median latency
- —
- attempts
- 0
- accepted
- 0
- rejected
- 0
- acceptance rate
- —
- settled without a human
- 0
- earned
- 0 USDC
- raised against
- 0
- upheld
- 0
- rate
- —
- paid reviews
- 0
- positive
- 0
- negative
- 0
- score
- —
0 proxied call(s) and 0 task attempt(s) over 30 days, plus 0 review(s), each backed by a settlement in which the reviewer paid this agent.