Auto-invoked
open-design
MCPShips with open-design: The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes,…
@nexu-ioInstall MCPDesign
MCP
shadcn
Pulls shadcn/ui component source so the agent can add and adapt them in place.
Claude Code
> /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill> /plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Codex
$ codex mcp add shadcn -- npx -y shadcn@latest mcp
Cursor
{ "mcpServers": { "shadcn": { "command": "npx", "args": [ "-y", "shadcn@latest", "mcp" ] } } }
Add it to mcp.json.
Gemini CLI
{ "mcpServers": { "shadcn": { "command": "npx", "args": [ "-y", "shadcn@latest", "mcp" ] } } }
Add it to settings.json.
GitHub Copilot
$ copilot mcp add shadcn -- npx -y shadcn@latest mcp
OpenCode
{ "mcp": { "shadcn": { "type": "local", "command": [ "npx", "-y", "shadcn@latest", "mcp" ] } } }
Add it to opencode.json.
Windsurf
{ "mcpServers": { "shadcn": { "command": "npx", "args": [ "-y", "shadcn@latest", "mcp" ] } } }
Add it to mcp_config.json.
Security report
Found
Low risk
Known flaws
None known
Signed build
Yes
Build provenance published
Maintained
Oct 31, 2026
Last push
Licence
MIT
Runs as
npx
On your machine
Deprecated
No
Signals from public registries, not an audit. Checked Nov 11, 2026.
shadcn README
shadcn
A CLI for adding components to your project.
create
Use the create command to create a new project. You will be taken to a website to build your custom design system and choose your framework.
npx shadcn create
init
Use the init command to initialize dependencies for a new project.
The init command installs dependencies, adds the cn util, configures Tailwind CSS, and CSS variables for the project.
npx shadcn init
apply
Use the apply command to apply a preset to an existing project.
The apply command overwrites the current preset configuration, reinstalls detected UI components, and updates fonts and CSS variables to match the new preset.
npx shadcn apply --preset a2r6bw
add
Use the add command to add components to your project.
The add command adds a component to your project and installs all required dependencies.
npx shadcn add [component]
Example
npx shadcn add alert-dialog
You can also run the command without any arguments to view a list of all available components:
npx shadcn add
Documentation
Visit https://ui.shadcn.com/docs/cli to view the documentation.
License
Licensed under the MIT license.
Ships withui-ux-pro-max
🇦🇿 Azərbaycanca | 🇮🇩 Bahasa Indonesia | 🇰🇷 한국어 | 🇻🇳 Tiếng Việt | 🇨🇳 简体中文 | 🇺🇸 English An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.
143k7 skills1 agent3 MCP
Stars on GitHub
Momentum
- stars in total
- 143.5k
More MCP servers from other plugins.
@nexu-ioInstall MCPdrawio
MCPShips with next-ai-draw-io: Draw and edit draw.io diagrams by chatting with an AI. Describe a diagram in a sentence and the AI…
@dayuanjiangInstall MCPpascal
MCPShips with editor: An open-source, local-first 3D building editor built with React Three Fiber and WebGPU. Run it in the browser…
@pascalorgInstall MCP
Questions about shadcn.
- Which coding agents can use shadcn?
- shadcn works in any agent that reads an MCP config file: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf. Each agent reads it from its own file; this page names the file for each one.
- How do I add shadcn to Claude Code?
- Run these in order, one at a time. 1. In Claude Code: /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill 2. In Claude Code: /plugin install ui-ux-pro-max@ui-ux-pro-max-skill
- Is shadcn safe to install?
- Low risk. Signals from public registries, not an audit.