Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
| Endpoint | https://mcp.standby.design/mcp (streamable-http) |
|---|---|
| Registry version | 0.5.0 |
| Now | 10 tools · grade B (88) · pin ts_403a6982299e2d411ef53ac9ea2a18d4 · protocol 2025-06-18 |
| First / last listed | 2026-10-27 08:00 UTC / 2026-10-27 08:00 UTC |
| Grade over time | 2026-10-27: B (88), 10 tools |
Is this your server? Own a server? ToolFit hosted watch re-checks it every 24 h ($0.25 per 30 days) or 6 h ($0.60) and sends you an HMAC-signed webhook when its tools or grade change: POST https://api.youraitools.co/toolfit/v1/watch. To opt out, see About & opt-out.
Tools: generate_color_palette generate_type_scale generate_shape_tokens generate_icon_tokens generate_space_tokens generate_motion_tokens get_design_system export_design_system list_fonts get_design_rules
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 o params: url, brandHex, themeName, mode, chromaScale, bgColorHex, errorColorHex, brandPin, brandInvert, errorPin, errorInvert, fgContrastMode, accents |
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. params: url, scaleMode, baseSize, ratio, mobileBaseSize, mobileRatio, autoShrink, headingFont, bodyFont, monoFont, headingWeight, lineHeightOverrides, letterSpacingOverrides, traditionalAssignments, traditionalMobileAssignments |
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. params: url, style, borderRadius, shadowEnabled, shadowType, shadowStrength, shadowBlurScale, shadowScale, shadowColorHex, shadowOffsetX, shadowOffsetY, brutalistVariant, borderEnabled, borderWidth, borderColorHex, glassDepth, glassBlur, glassDispersion, ringWidth, ringOffset, ringStyle, ringColorHex, separationMode |
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 U params: url, set, style, weight, corners, baseSize, scale, snapTo4px |
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. params: url, mode, baseRem, ratio, multiplier, snap, breakpoints, fluidMinVw, fluidMaxVw, containers, proseMaxCh, aspectRatios, includeReciprocals |
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 params: url, preset, energy, material |
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. params: url* |
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 params: url*, format*, sections |
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. params: none |
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 retu params: category, platform, scope, rules, detail |
Entries describe changes in tool definitions. They are not statements about a server, its quality or its author. The grade measures how the tool definitions fit model providers (token cost, schema compatibility, confusable names) as scored by the ToolFit engine at the time of the listing. JSON: append .json. Opt-out: how or hello@youraitools.co.