design

Install design in your MCP client

design is a Model Context Protocol server. Add it to your MCP client config once, restart, and the server's tools become available to your AI assistant. The same JSON snippet below works across all four major clients — only the config file path differs.

1. Locate your client's MCP config file.
   • Cursor: ~/.cursor/mcp.json
   • Claude Desktop (macOS): ~/Library/Application Support/Claude/claude_desktop_config.json
   • Claude Desktop (Windows): %APPDATA%\Claude\claude_desktop_config.json
   • VS Code: Settings → Extensions → MCP
   • Windsurf: Settings → MCP Servers
2. Add design to the mcpServers map — paste the snippet below into your config file. If you already have other MCP servers, merge the entry into the existing mcpServers object.
3. Restart your client so it picks up the new server.
4. Verify — ask the assistant to list available tools; design's tools should appear.

{
  "mcpServers": {
    "design": {
      "command": "npx",
      "args": [
        "-y",
        "@12ui/design"
      ]
    }
  }
}

npm package: @12ui/design

Transport

design supports the following MCP transports. Most AI clients use stdio by default for locally-installed servers.

From the design README

More build.protocol_tooling.mcp MCP servers

Other Model Context Protocol servers in the same space as design. Each one adds different capabilities to your AI assistant — pick based on the data sources or workflows you need.

• PZERO

  Frontier First AI Marketplace. Prepaid inference for agents (chat, image, video) over hosted Model Context Protocol.

• bdb-dev-optimized-agent-skills

  A Curated AI AGENT OS – Optimized agent skills and add-ons like memB, OpenWiki, Heimdall Token Saver, and Godmode architectures.

• marketplace

  Buy, sell and bid on vote-escrow NFTs and .base.eth names. Non-custodial, settles on Seaport.

• MarginGlow AI Signal

  Evidence-backed opportunity intelligence for small businesses, built for authorised AI agents.

• liz's doc public knowledge

  Read-only search and Markdown access to liz's public docs, prompts, resources, and an MCP App.

• KOYN FX

  Remote MCP for KOYN FX: account, markets, and TradeLocker tools over OAuth.

• KnowMapped

  Search, retrieve, create, and update visual knowledge maps in a user's KnowMapped account.

• IMBA Agent Docs

  Read-only IMBA Agent API docs MCP. No register, deposit, buy, or withdraw.

Browse the full MCP server directory or use Stork's one-line install to let your agent pick the right server automatically.