Back to MCP Servers
Shadcn Ui
MCP server that gives AI assistants seamless access to shadcn/ui v4 components, blocks, demos, and metadata.
developer-toolsai
By Jpisnice
Installation
npx -y shadcn-ui-mcp-serverConfiguration
{
"mcpServers": {
"shadcn-ui-mcp-server": {
"command": "npx",
"args": ["-y", "shadcn-ui-mcp-server"]
}
}
}How to use
- Run the installation command above (if needed)
- Open your Claude Code settings file (~/.claude/settings.json)
- Add the configuration to the mcpServers section
- Restart Claude Code to apply changes