shadcn/ui Skill

MCP Server

by shadcn · Added 5mo ago

Claude
2.0k

Install

git clone https://ui.shadcn.com/docs/skills

Add to Claude

claude mcp add shadcn-ui-skill

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "shadcn-ui-skill": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/shadcn-ui-skill"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

Give Claude Code context on shadcn components and pattern enforcement for consistent UI

Tags

developmentcommunityshadcnuicomponentsreact

From Our Store

View all →
Claude Code

Claude Code Power User Kit

$39+

Advanced Claude Code skills and configurations

OpenClaw

OpenClaw Business Starter Kit

$59+

Set Up Your AI Assistant in 60 Minutes