shadcn/ui

MCP Server

by jpisnice · Added 5mo ago

Claude
2.7k

Install

npx -y @jpisnice/shadcn-ui-mcp-server

Add to Claude

claude mcp add jpisnice-shadcn-ui-mcp-server

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": {
      "command": "npx",
      "args": [
        "-y"
      ]
    }
  }
}

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

About

Provides direct access to shadcn/ui v4 components, blocks, and demos through GitHub API integration with automatic framework detection for React, Svelte, and Vue, enabling rapid UI development with component source code, installation scripts, and complete block implementations.

Tags

Web & Browsermcp-serverapinpm

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