S
Install Command
npx -y shadcn-mcpClaude Desktop Config
{"command": "npx", "args": ["-y", "shadcn-mcp"]}Shadcn UI is an officially maintained MCP server in the Developer Tools category, developed by Shadcn. It runs locally on your machine, keeping your data private and giving you full control over the connection. Developers can use it to bring AI assistance directly into their build and coding environment.
About Shadcn UI
Automated component generation.
Who Should Use Shadcn UI?
- 1Speed up coding workflows by letting Claude interact with your dev environment
- 2Run terminal commands, manage processes, and inspect logs via AI
- 3Integrate AI assistance directly into your build and CI pipelines
- 4Automate repetitive dev tasks like scaffolding, linting, and testing
How to Install Shadcn UI
Before you start
You will need Node.js (v18 or later) installed on your machine — download it from nodejs.org if you haven't already.
- 1Open a terminal (Terminal on Mac, Command Prompt or PowerShell on Windows).
- 2Paste the install command above and press Enter — Node.js will download and run the server automatically.
- 3Add the server to your Claude Desktop config file (see the JSON snippet above) and restart Claude.
The Claude Desktop config snippet above can be copied and pasted directly into your claude_desktop_config.json file — no editing required.
How Shadcn UI Compares
✦It is an officially maintained server — unlike community alternatives, it is built and supported by the original project team, ensuring compatibility with upstream changes.
✦It runs entirely on your local machine, so no data leaves your environment — important for teams with privacy or compliance requirements.
✦It is distributed as an npm package, making version management and updates straightforward with a single `npm update` command.
Tags
uicomponentsreacttailwind