StyleKit

{
  "mcpServers": {
    "stylekit": {
      "command": "npx",
      "args": [
        "-y",
        "stylekit-mcp"
      ]
    }
  }
}

claude mcp add --transport stdio stylekit -- npx -y stylekit-mcp

{
  "mcpServers": {
    "stylekit": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "stylekit-mcp"
      ]
    }
  }
}

{
  "servers": {
    "stylekit": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "stylekit-mcp"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

• stylekit_search_styles

  Search styles by keyword and/or category

• stylekit_list_assets

  Browse public templates and design assets by kind or query, with pagination and source provenance

• stylekit_get_asset

  Retrieve a namespaced public asset detail and any source files the license permits

• stylekit_get_implementation_brief

  Complete AI guidance, CSS, templates, recipes, tokens, readiness, merged lint rules and provenance (0.3.0)

• stylekit_get_style

  Full style profile: philosophy, palette, do/don't rules, quality/capability signals

• stylekit_get_style_tokens

  Typed design tokens: border, shadow, typography, spacing, colors

• stylekit_get_component_recipe

  Rendered component className + JSX (button/card/input)

• stylekit_get_shadcn_install

  The npx shadcn add command for a style's theme

• stylekit_lint_code

  Check generated UI code against a style's rules, with a reason and a fix per violation

MCP server for StyleKit — search design styles and retrieve templates, assets, tokens, recipes, and lint checks from Claude, Cursor, or Windsurf.

• ai-prompts
• claude
• cursor
• design-system
• design-tokens
• mcp
• ui-design
• web-design
• ai-frontend
• prompt-engineering