UI Design to Code

Install UI Design to Code in your MCP client

UI Design to Code 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 UI Design to Code 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; UI Design to Code's tools should appear.

{
  "mcpServers": {
    "ui-design-to-code": {
      "command": "npx",
      "args": [
        "-y",
        "ui-design-to-code-mcp"
      ]
    }
  }
}

npm package: ui-design-to-code-mcp

Transport

UI Design to Code supports the following MCP transports. Most AI clients use stdio by default for locally-installed servers.

More build.protocol_tooling.mcp MCP servers

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

• cli

  Mesh terminal agent CLI. Zero-config: ships with a shared Mesh LLM proxy so no AWS credentials are needed.

• ask-antigravity

  Bridge Claude with Google's Antigravity CLI (agy) for code review and second opinions

• ReplenishRadar

  Shopify + Amazon inventory planning, forecasting & replenishment over MCP (49 tools).

• shikamaru

  Provably correct ISDA day-count and accrued-interest calculations, verified against QuantLib.

• talktoplanb-mcp

  MCP server for TalkToPlanB: list rooms, read & send messages (WhatsApp alternative).

• value-us

  Verified deals, store policies & a trust score for thousands of online retailers. No auth.

• clawcall

  MCP server for ClawCall — AI-powered US phone calling.

• Carbon Arc

  The infrastructure for the AI economy: primitives for inference, agents, and decisions.

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