AlignUI Conectar el MCP de AlignUI
Un servidor MCP remoto, de solo lectura y sin API key, que le da a tu asistente los componentes, ejemplos y tokens oficiales de AlignUI.
Copia la URL del servidor
https://alignui-mcp.vercel.app/mcpTransporte Streamable HTTP. No requiere autenticación.
Agrégalo a tu cliente
claude mcp add --transport http alignui https://alignui-mcp.vercel.app/mcpAgrega --scope user para tenerlo en todos tus proyectos. Verifica con /mcp dentro de Claude Code.
Configura el proyecto para instalar
El MCP devuelve comandos como npx shadcn@latest add @alignui/modal. Para que funcionen, registra el namespace @alignui en tu components.json e instala la base una vez. Los pasos están en Instalar con CLI, o pídele a tu asistente que llame a alignui_get_setup_guide.
Pruébalo
Pídele algo como:
“Usando el MCP de AlignUI, crea una página de configuración de cuenta con inputs, un switch de notificaciones y un botón para guardar.”
Herramientas disponibles
alignui_searchBusca componentes y ejemplos oficiales por lo que necesitas (“date picker”, “modal”).
alignui_list_componentsLista los 54 componentes con su descripción, paginado.
alignui_get_componentCódigo fuente, partes, dependencias, ejemplos y el comando de instalación de un componente.
alignui_get_exampleCódigo de cualquiera de los 240 ejemplos de la documentación.
alignui_get_design_tokensColores, tipografía, sombras y radios con la clase de Tailwind que genera cada uno.
alignui_get_setup_guidePasos para configurar AlignUI en un proyecto Next.js o Vite (namespace, base, fuente, dark mode).