MCP servers · shadcn/ui · MCP server
Connect Windsurf to shadcn/ui
One line gives Windsurf your shadcn/ui account as tools: 2 endpoints, list components, search components, get component, called with your own connection. No key in the prompt, a receipt for every call, revoke Windsurf's access alone any time.
Three steps
- Create a free 0n3 account and connect shadcn/ui. Paste a key or sign in; it lands in your vault, encrypted.
- Install 0n3 into Windsurf. The mcp_config.json block.
- Ask Windsurf: whoami. Then: "Get a component schema in shadcn/ui".
Write it yourself · ~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
"0n3": {
"serverUrl": "https://0n3.app/mcp",
"headers": {
"Authorization": "Bearer <your 0n token>"
}
}
}
}The line above carries a placeholder; 0n3.app/install mints a real key named for Windsurf and fills it in.
What Windsurf can then do in shadcn/ui
List components · List all official shadcn primitives, grouped by purpose1
Get a component schema
GET /r/styles/new-york/{name}.jsonSearch components · Fuzzy search components by name or description0
Fuzzy search components by name or description
Get component · Fetch live component schema (files, deps, source) from the registry0
Fetch live component schema (files, deps, source) from the registry
Install command · Generate `npx shadcn@latest add <name>` install command0
Generate `npx shadcn@latest add <name>` install command
List blocks · List curated block patterns (login, dashboard, pricing, FAQ, etc.)0
List curated block patterns (login, dashboard, pricing, FAQ, etc.)
Recommend · Recommend components for a free-text use case0
Recommend components for a free-text use case
shadcn/ui in other AI clients
Claude Code + shadcn/uiMCP server + skillClaude (desktop & claude.ai) + shadcn/uiconnectorChatGPT + shadcn/uiconnector · GPT actionCodex CLI + shadcn/uiMCP serverGemini CLI + shadcn/uiMCP serverCursor + shadcn/uiMCP serverVS Code (Copilot) + shadcn/uiMCP server