Shadcn Dashboard MCP
Kit de panel Shadcn listo para producción, construido para equipos modernos
Documentación
shadcndashboard-mcp
Servidor oficial del Protocolo de Contexto de Modelo (MCP) para Shadcn Dashboard.
Este servidor MCP permite a los IDE y agentes impulsados por IA descubrir, buscar e instalar bloques de interfaz de usuario de Shadcn Dashboard directamente en tus proyectos, sin necesidad de copiar y pegar.
Instalación de la configuración MCP
npx shadcndashboard-cli install <client>
Clientes compatibles
- cursor
- windsurf
- claude
- cline
- antigravity
Instalación manual
Añade a la configuración MCP de tu IDE:
{
"mcpServers": {
"shadcndashboard-mcp": {
"command": "npx",
"args": ["-y", "shadcndashboard-mcp@latest"]
}
}
}
Para MCP, visita su PÁGINA PRINCIPAL Para más información, visita nuestra documentación sobre Cómo usar el servidor MCP
Herramientas disponibles
El servidor proporciona las siguientes herramientas invocables mediante MCP:
| Nombre de la herramienta | Descripción |
|---|---|
listBlocks | Proporciona una lista completa de todos los bloques de Shadcn Dashboard. |
listComponents | Proporciona una lista completa de todos los componentes de Shadcn Dashboard. |
getBlockInstall | Devuelve el comando de instalación oficial para un bloque específico de Shadcn Dashboard. |
searchBlocks | Busca bloques de Shadcn Dashboard usando palabras clave o etiquetas. |
listInstalledBlocks | Enumera todos los bloques actualmente instalados en el proyecto y obtiene sus archivos. |
get_audit_checklist | Devuelve reglas de flujo de trabajo estrictas y pautas para agentes que interactúan con este servidor MCP. |
Nota: Algunos bloques son componentes PRO, por lo que necesitarás una clave de licencia válida para instalarlos y usarlos.
Prompts disponibles
El servidor proporciona los siguientes prompts invocables mediante MCP:
| Prompt/Comando | Descripción |
|---|---|
search | Encuentra un bloque de interfaz de usuario específico por nombre. |
create-ui | Crea un nuevo diseño de interfaz de usuario usando bloques existentes. |
customization-guidelines | Define qué partes de los bloques instalados se pueden modificar de forma segura. |
Ejemplo de uso
Una vez configurado, puedes hacer preguntas como:
"Enumera todos los bloques de panel disponibles"
"Dame el comando de instalación para el bloque sidebar-01"
"Crea un diseño de panel con una barra lateral, una cuadrícula de estadísticas y una tabla de datos."
"Busca bloques de gráficos"
"Instala el bloque analytics-dashboard-01 en mi proyecto"
Instrucciones para agentes (Claude / Cursor / Windsurf)
Si estás usando Claude Projects, Cursor o Windsurf, hemos preparado un conjunto de instrucciones que puedes copiar y pegar para que tu IA use este servidor MCP sin problemas. Consulta claude-instructions.md.
Créditos
Creado por shadcndashboard.