shadcn-ui-mcp-server

Name: Jpisnice/shadcn-ui-mcp-server
Author: Jpisnice

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

MCP Servers2.8k estrellas291 forks● TypeScriptMITActualizado 27d ago

Nota editorial

This MCP server gives AI assistants direct access to shadcn/ui v4 component source code, demos, metadata, and full block implementations such as dashboards, calendars, and forms. It connects to Claude Desktop via a one-click `.mcpb` installer and to Claude Code via SSE transport using a simple `claude mcp add` command. Developers can target four frameworks by passing a flag at startup: React (with a choice of Radix UI or Base UI primitives), Svelte 5, Vue, and React Native via react-native-reusables. The server fetches component data from GitHub, caches responses to handle API rate limits, and supports stdio, SSE, and dual transport modes, with Docker Compose configs included for production deployments. A notable practical detail is that adding a GitHub personal access token raises the request ceiling from 60 to 5,000 per hour. Frontend developers using Claude to scaffold or extend shadcn-based projects across any of the four supported frameworks are the primary audience.

ClaudeWave Trust Score

100/100

✓ Verified

Passed

✓Open-source license (MIT)
✓Actively maintained (<30d)
✓Healthy fork ratio
✓Clear description
✓Topics declared
✓Mature repo (>1y old)

Last scanned: 6/11/2026

Install in Claude Code / Claude Desktop

Method: Manual

Claude Code CLI

git clone https://github.com/Jpisnice/shadcn-ui-mcp-server

claude_desktop_config.json (Claude Desktop)

{
  "mcpServers": {
    "shadcn-ui": {
      "command": "node",
      "args": ["/path/to/shadcn-ui-mcp-server/dist/index.js"]
    }
  }
}

1. Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).

2. Replace any <placeholder> values with your API keys or paths.

3. Restart Claude. The MCP server and its tools appear automatically.

💡 Clone https://github.com/Jpisnice/shadcn-ui-mcp-server and follow its README for install instructions.

Casos de uso

AI / ML

Sobre el repo

Resumen de MCP Servers

README no disponible. Visita el repo en GitHub para la documentación completa.

Topics

aiexpomcpmodelcontextprotocolnextjsnpmnpm-packagenpxreactreact-nativeshadcn-uisveltesveltekittstypescriptuivuevuejswebdev

Preguntas frecuentes

Lo que la gente pregunta sobre shadcn-ui-mcp-server

¿Qué es Jpisnice/shadcn-ui-mcp-server?

Jpisnice/shadcn-ui-mcp-server es mcp servers para el ecosistema de Claude AI. A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native Tiene 2.8k estrellas en GitHub y se actualizó por última vez 27d ago.

¿Cómo se instala shadcn-ui-mcp-server?

Puedes instalar shadcn-ui-mcp-server clonando el repositorio (https://github.com/Jpisnice/shadcn-ui-mcp-server) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.

¿Es seguro usar Jpisnice/shadcn-ui-mcp-server?

Nuestro agente de seguridad ha analizado Jpisnice/shadcn-ui-mcp-server y le ha asignado un Trust Score de 100/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.

¿Quién mantiene Jpisnice/shadcn-ui-mcp-server?

Jpisnice/shadcn-ui-mcp-server es mantenido por Jpisnice. La última actividad registrada en GitHub es de 27d ago, con 3 issues abiertos.

¿Hay alternativas a shadcn-ui-mcp-server?

Sí. En ClaudeWave puedes explorar mcp servers similares en /categories/mcp, ordenados por popularidad o actividad reciente.

Deploy en 1 click

Despliega shadcn-ui-mcp-server en tu cloud

Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.

Vercel Railway Render

Badge embebible

¿Mantienes este repo? Añade un badge a tu README

Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.

Markdown (README)

[![Featured on ClaudeWave](https://claudewave.com/api/badge/jpisnice-shadcn-ui-mcp-server)](https://claudewave.com/repo/jpisnice-shadcn-ui-mcp-server)

HTML

<a href="https://claudewave.com/repo/jpisnice-shadcn-ui-mcp-server"><img src="https://claudewave.com/api/badge/jpisnice-shadcn-ui-mcp-server" alt="Featured on ClaudeWave: Jpisnice/shadcn-ui-mcp-server" width="320" height="64" /></a>

Relacionados

Más MCP Servers

n8n-io

n8n

today

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

192.2k58.5kTypeScript

MCP ServersaiapisInstall

open-webui

today

User-friendly AI Interface (Supports Ollama, OpenAI API, ...)

141.3k20.3kPython

MCP ServersaillmInstall

google-gemini

gemini-cli

today

An open-source AI agent that brings the power of Gemini directly into your terminal.

105.2k14kTypeScript

MCP Serversaiai-agentsInstall

netdata

today

The fastest path to AI-powered full stack observability, even for lean teams.

79.1k6.4kC

MCP ServersaialertingInstall

D4Vinci

Scrapling

5d ago

🕷️ An adaptive Web Scraping framework that handles everything from a single request to a full-scale crawl!

63.3k6.2kPython

MCP Serversaiai-scrapingInstall

sansan0

TrendRadar

today

⭐AI-driven public opinion & trend monitor with multi-platform aggregation, RSS, and smart alerts.🎯 告别信息过载，你的 AI 舆情监控助手与热点筛选工具！聚合多平台热点 + RSS 订阅，支持关键词精准筛选。AI 智能筛选新闻 + AI 翻译 + AI 分析简报直推手机，也支持接入 MCP 架构，赋能 AI 自然语言对话分析、情感洞察与趋势预测等。支持 Docker ，数据本地/云端自持。集成微信/飞书/钉钉/Telegram/邮件/ntfy/bark/slack 等渠道智能推送。

59.4k24.6kPython

MCP ServersaibarkInstall