Servidor MCP de interfaz de usuario de Shadcn

Integrations

Supports using Bun as a package manager when installing shadcn/ui components and blocks
Integrates with Windsurf (part of Codeium) through MCP configuration
Supports using npm as a package manager when installing shadcn/ui components and blocks

Servidor MCP de interfaz de usuario de Shadcn

Un servidor MCP (Protocolo de Control de Modelos) potente y flexible, diseñado para optimizar la experiencia de desarrollo con componentes de interfaz de usuario de Shadcn. Este servidor proporciona una base sólida para crear y gestionar componentes de interfaz de usuario con herramientas y funcionalidades avanzadas.

Características

Herramientas

El servidor MCP proporciona un conjunto de herramientas que se pueden utilizar a través del Protocolo de Control de Modelos:

list-components : obtiene la lista de componentes shadcn/ui disponibles
get-component-docs : obtener la documentación de un componente específico
install-component : instala un componente shadcn/ui
list-blocks : obtiene la lista de bloques shadcn/ui disponibles
get-block-docs : obtener la documentación de un bloque específico
install-blocks : instala un bloque shadcn/ui

Funcionalidad

Gestión de componentes
- Lista de componentes shadcn/ui disponibles
- Obtenga documentación detallada para componentes específicos
- Instalar componentes con soporte para múltiples administradores de paquetes (npm, pnpm, yarn, bun)
Gestión de bloques
- Lista de bloques shadcn/ui disponibles
- Obtenga documentación y código para bloques específicos
- Instalar bloques con soporte para múltiples administradores de paquetes
Soporte del administrador de paquetes
- Soporte de tiempo de ejecución flexible para npm, pnpm, yarn y bun
- Detección automática del gestor de paquetes preferido del usuario

Instalación

Prerrequisitos

Node.js (v18 o superior)
gestor de paquetes npm o yarn

Configuración del escritorio de Claude

Para utilizar con Claude Desktop, agregue la configuración del servidor:

En MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json En Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["@heilgar/shadcn-ui-mcp-server"]
    }
  }
}

Configuración de windsurf

Agregue esto a su ./codeium/windsurf/model_config.json :

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["@heilgar/shadcn-ui-mcp-server"]
    }
  }
}

Configuración del cursor

Agregue esto a su .cursor/mcp.json :

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["@heilgar/shadcn-ui-mcp-server"]
    }
  }
}

Desarrollo y depuración

Desarrollo local

Instalar dependencias:

npm install

Construir el servidor:

npm run build

Depuración

Dado que los servidores MCP se comunican a través de stdio, la depuración puede ser complicada. Recomendamos usar el Inspector MCP para la depuración:

npm run inspector

El Inspector le proporcionará una URL para acceder a las herramientas de depuración en su navegador, lo que le permitirá:

Monitorear la comunicación MCP
Inspeccionar las llamadas y respuestas de las herramientas
Depurar el comportamiento del servidor
Ver registros en tiempo real

Proyectos y dependencias relacionados

Este proyecto se construye utilizando las siguientes herramientas y bibliotecas:

Protocolo de contexto de modelo SDK de TypeScript : el SDK oficial de TypeScript para servidores y clientes MCP
MCP Inspector : una herramienta de depuración para servidores MCP
Cheerio : implementación rápida, flexible y sencilla del núcleo jQuery diseñado específicamente para el servidor

Licencia

Licencia MIT: siéntete libre de utilizar este proyecto para tus propios fines.

Contribuyendo

¡Agradecemos sus contribuciones! No dude en enviar una solicitud de incorporación de cambios.

You must be authenticated.

security – no known vulnerabilities

license - not found

quality - confirmed to work

Tools

Un servidor de protocolo de control de modelos que permite a los usuarios descubrir, instalar y administrar componentes y bloques de interfaz de usuario de Shadcn a través de interacciones de lenguaje natural en herramientas de IA compatibles.

Related MCP Servers

Command Executor MCP Server
Sunwood-ai-labs
A
security
F
license
A
quality
A Model Context Protocol server that allows secure execution of pre-approved commands, enabling AI assistants to safely interact with the user's system.
Last updated -
1
3
18
JavaScript
Godot MCP
Coding-Solo
-
security
A
license
-
quality
A Model Context Protocol server that enables AI assistants to interact with the Godot game engine, allowing them to launch the editor, run projects, capture debug output, and control project execution.
Last updated -
62
JavaScript
MIT License
MCP Toolkit
zxfgds
-
security
F
license
-
quality
A comprehensive Model Context Protocol server implementation that enables AI assistants to interact with file systems, databases, GitHub repositories, web resources, and system tools while maintaining security and control.
Last updated -
16
TypeScript
Metabase MCP Server
sazboxai
-
security
F
license
-
quality
A Model Control Protocol server that enables AI assistants to interact with Metabase databases, allowing models to explore database schemas, retrieve metadata, visualize relationships, and execute actions.
Last updated -
2
Python

View all related MCP servers

Shadcn UI MCP Server