AlignUI Los componentes oficiales de AlignUI, al alcance de tu IA
Conecta tu asistente a este MCP y construye interfaces con el código exacto de AlignUI: componentes, ejemplos y tokens de diseño, listos para instalar con shadcn.
claude mcp add --transport http alignui https://alignui-mcp.vercel.app/mcpClaude Code. ¿Usas otro cliente? Ver todos
54
componentes oficiales
240
ejemplos de la documentación
6
herramientas MCP
Cómo funciona
Conecta el MCP
Agrega la URL del servidor en Claude Code, Cursor, VS Code o Claude Desktop. No necesita API key.
Pide tu interfaz
Tu asistente busca el componente correcto, lee los ejemplos oficiales y usa los tokens de AlignUI.
Se instala con shadcn
Cada componente llega con sus dependencias, utilidades y tokens vía npx shadcn add @alignui/…
Hecho con AlignUI
Esta web usa los componentes instalados desde su propio registry. Pruébalos.
Formulario
Proyecto
Rediseño del portal
Equipo de producto
Tu IA instaló
Prompts para probar
Con el MCP conectado, tu asistente resuelve estos pedidos usando AlignUI.
- “Arma una pantalla de login con AlignUI: email, contraseña, recordarme y botón principal.”
- “Agrega un modal de confirmación de AlignUI para eliminar un proyecto.”
- “¿Qué componente de AlignUI uso para elegir un rango de fechas? Muéstrame el ejemplo oficial.”
- “Dame los tokens de AlignUI para fondos y textos y refactoriza esta tarjeta para usarlos.”