shadcn-ui-mcp-server
Verified Safeby Jpisnice
Overview
Provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata across multiple frameworks (React, Svelte, Vue, React Native) for UI development and code generation.
Installation
npx @jpisnice/shadcn-ui-mcp-serverEnvironment Variables
- GITHUB_PERSONAL_ACCESS_TOKEN
- FRAMEWORK
- MCP_TRANSPORT_MODE
- MCP_PORT
- MCP_HOST
- MCP_CORS_ORIGINS
Security Notes
The server uses `new Function()` to parse external theme presets fetched from a hardcoded GitHub URL. While the source is controlled, this is a known security risk if the remote `tweakcn` repository is compromised, allowing for arbitrary code execution on the server. Otherwise, GitHub API keys are handled securely via environment variables or CLI arguments.
Similar Servers
shadcn-svelte-mcp
Provides real-time access to shadcn-svelte component documentation, Bits UI API details, and Lucide Svelte icon search via an MCP server for AI-powered code editors and CLIs.
daisyui-mcp
Provides DaisyUI component documentation to AI assistants via the Model Context Protocol (MCP) to help in generating UI code.
MudMCP
Provides AI assistants with real-time, structured access to MudBlazor component documentation and code examples via the Model Context Protocol.
ExpoSnap
Enables AI assistants to view and analyze screenshots from React Native/Expo applications for AI-powered mobile UI development.