Jpisnice/shadcn-ui-mcp-serverMCPMCP Server

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

ActiveNo testsNo CIThin docsNo licensePopular

Open Repository Download ZIP

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-server

Auto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor or Cline.

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…

Discover the toolingbehind modern intelligence

shadcn-ui-mcp-server