← standby.design

INDIVIDUAL MCP TOOL

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.

standby.designnone authenticationAvailability not checked

Input schema

{}

Risk classification

Potential side effects detected · medium confidence · heuristic, not a guarantee.

  • A tool name or description contains a write-action term.
  • A tool name or description suggests retrieving external content.

Parent endpoint

standby.design

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.standby-design]
url = "https://mcp.standby.design/mcp"
enabled = true
Claude Code

.mcp.json

{
  "mcpServers": {
    "standby-design": {
      "type": "http",
      "url": "https://mcp.standby.design/mcp"
    }
  }
}
Claude Desktop

Settings → Connectors → Add custom connector

Name: standby-design
Remote MCP URL: https://mcp.standby.design/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "standby-design": {
      "url": "https://mcp.standby.design/mcp"
    }
  }
}
Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code
{
  "servers": {
    "standby-design": {
      "type": "http",
      "url": "https://mcp.standby.design/mcp"
    }
  }
}
Generic MCP

Client-specific MCP configuration

{
  "name": "standby-design",
  "transport": "streamable-http",
  "url": "https://mcp.standby.design/mcp"
}
MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

Related tools

  • 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.
  • 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.
  • 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).
  • generate_icon_tokens — Pick an icon set and generate icon sizing tokens (xs–2xl + stroke width).
  • generate_space_tokens — Generate spacing tokens (3xs–3xl), breakpoints, container widths, prose measure, and aspect ratios.
  • export_design_system — Generate the full token code for a design system URL in one format: "css" (CSS custom properties incl.
  • list_fonts — List Fontshare font slugs usable in generate_type_scale (headingFont/bodyFont/monoFont), grouped by category.