Back to MCP Servers
🔌

Jpisnice/shadcn-ui-mcp-server

MITAPI key required

📇 🏠 - MCP server that gives AI assistants seamless access to shadcn/ui v4 components, blocks, demos, and metadata.

TypeScriptAI & LLMs

Install

npx -y @jpisnice/shadcn-ui-mcp-server

Required environment variables

GITHUB_PERSONAL_ACCESS_TOKENSet in your MCP config
YOUR_TOKENSet in your MCP config

claude_desktop_config.json

claude_desktop_config.json
{
  "mcpServers": {
    "jpisnice-shadcn-ui-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jpisnice/shadcn-ui-mcp-server"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "<YOUR_GITHUB_PERSONAL_ACCESS_TOKEN>",
        "YOUR_TOKEN": "<YOUR_YOUR_TOKEN>"
      }
    }
  }
}

Add this to your Claude Desktop config file. Find it at ~/Library/Application Support/Claude/claude_desktop_config.json on macOS.