Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
shadcn-ui-mcp-server
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
2.8kstars
291forks
TypeScript
aiexpomcpmodelcontextprotocolnextjsnpmnpm-packagenpxreactreact-nativeshadcn-uisvelte
Quality signals
StaleNo testsNo CIThin docsNo licensePopular
AI summary
Auto-generated overview of what this skill does and when to reach for it.
MCP server that gives LLMs instant access to shadcn/ui component code, demos, and metadata for React, Svelte, Vue, and React Native projects.
Use this when
- building React/Svelte/Vue/React Native UIs with AI help
- debugging shadcn/ui component errors in AI workflows
- generating shadcn/ui code snippets from natural language prompts
- exploring shadcn/ui component structures and dependencies
- deploying shadcn/ui projects with AI assistance
Don't use when
- working with non-shadcn UI libraries
- needing backend or non-UI code generation
- building from scratch without component references
Capabilities
- fetches latest shadcn/ui v4 component source code
- provides framework-specific implementations (React/Svelte/Vue/React Native)
- serves component demos and usage patterns
- exposes component metadata (dependencies, descriptions)
- supports stdio, SSE, and dual transport modes
- offers Radix UI and Base UI options for React
InstallMCPRun via npx (Node)
Universal installANY TOOL
$ npx skillcity@latest Jpisnice/shadcn-ui-mcp-serverAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor, Cline, OpenCode, Gemini CLI, Anti-Gravity, OpenClaw and Hermes.
Requires Node.js 18+ (ships with npx).
Or install manually
npx -y shadcn-ui-mcp-server
MCP Configuration
Add this to your claude_desktop_config.json
{
"mcpServers": {
"shadcn-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"shadcn-ui-mcp-server"
]
}
}
}Loading README…
Ask a simulated agent to run this skill. It loads the real SKILL.md and reasons over your task with NVIDIA.
shadcn-ui-mcp-server — sandboxAI sandbox
Pick a quick prompt below or type your own — watch the agent execute this skill step by step.
guest@skillcity:~$Try a prompt