Shadcn Space MCP
Integra el servidor MCP de shadcn space en tu IDE para generar componentes shadcn/ui listos para usar sin conjeturas.
Documentación
shadcnspace-mcp
Servidor oficial del Protocolo de Contexto de Modelo (MCP) para Shadcn Space.
Este servidor MCP permite a los IDEs y agentes impulsados por IA descubrir, buscar e instalar bloques de UI de Shadcn Space directamente en tus proyectos, sin necesidad de copiar y pegar.
Configuración de instalación de MCP
npx shadcnspace-cli install <client>
Clientes compatibles
- cursor
- windsurf
- claude
- cline
- antigravity
Instalación manual
Añade a la configuración de MCP de tu IDE:
{
"mcpServers": {
"shadcnspace-mcp": {
"command": "npx",
"args": ["-y", "shadcnspace-mcp@latest"]
}
}
}
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 shadcnspace. |
listComponents | Proporciona una lista completa de todos los componentes de shadcnspace. |
getBlockInstall | Devuelve el comando de instalación oficial para un bloque específico de Shadcn Space. |
searchBlocks | Busca bloques de Shadcn Space usando palabras clave o etiquetas. |
listInstalledBlocks | Lista todos los bloques actualmente instalados en el proyecto y obtiene sus archivos. |
listPages | Proporciona una lista completa de todas las páginas de Shadcn Space. |
getPageInstall | Devuelve el comando de instalación oficial para una página específica de Shadcn Space. |
searchPages | Busca páginas de Shadcn Space usando palabras clave o etiquetas. |
listInstalledPages | Lista todas las páginas actualmente instaladas en el proyecto. |
get_audit_checklist | Devuelve reglas de flujo de trabajo estrictas y pautas para agentes que interactúan con este servidor MCP. |
Nota: Todas las páginas son componentes PRO, por lo que necesitarás una clave de licencia válida para instalarlas y usarlas.
Prompts disponibles
El servidor proporciona los siguientes prompts invocables mediante MCP:
| Prompt/Comando | Descripción |
|---|---|
search | Encuentra un bloque de UI específico por nombre. |
create-ui | Crea un nuevo bloque de UI usando nuestros 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:
"Lista todos los bloques de UI disponibles"
"Dame el código del componente accordion-01"
"Crea una página de aterrizaje para una cafetería usando un bloque hero-01, una cuadrícula de características de 3 columnas y un pie de página con tema oscuro."
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 a la perfección. Consulta claude-instructions.md.
Créditos
Creado por shadcnspace.