Una skill y una CLI que enseñan a los agentes de programación con IA a crear interfaces pulidas y listas para producción, en lugar de diseños genéricos que parecen generados por IA.
UI Craft es un sistema de ingeniería de diseño para agentes de programación con IA. Incluye reglas de diseño de interfaces con opiniones claras, comandos slash para crear, revisar y pulir pantallas, y comprobaciones deterministas que detectan patrones habituales de las interfaces generadas por IA, como degradados morados, animaciones con efecto rebote y cuadrículas de tarjetas idénticas. No depende de un stack concreto y se adapta a Tailwind, CSS Modules, styled-components, CSS vanilla y estilos de componentes en un solo archivo.
Se puede instalar con una CLI multiplataforma escrita en Go (`ui-craft install`), como plugin de Claude Code o de Cursor, o mediante la especificación Agent Skills para otros entornos de ejecución. La CLI escribe skills, comandos, controles de calidad de MCP y agentes de revisión en la configuración nativa de cada entorno, con copias de seguridad y posibilidad de revertir los cambios. Para crear interfaces como dashboards, landing pages y pantallas de autenticación, ofrece recetas de composición con nombre y una lista de verificación de aceptación.
El paquete complementario `ui-craft-detect` es un analizador sin dependencias con 43 reglas que cubren antipatrones, accesibilidad, formularios y textos de ejemplo. Puede analizar código fuente local, una URL activa o solo las líneas modificadas, e instalar hooks para detectar problemas durante la edición en Claude Code y Cursor, además de flujos de trabajo de pre-commit y GitHub Actions.
Instala la CLI de ui-craft con Homebrew (macOS)
brew install --cask educlopez/tap/ui-craftEjecuta el script oficial de instalación para tu sistema operativo desde el README (macOS/Linux o Windows)
Detecta tu entorno de programación con IA y configura el skill, los commands y los gates
ui-craft installPídele a tu agente que cree un surface con el comando craft
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Agent Skills para que los agentes de programación diseñen interfaces distintivas, con dirección de arte, fotos reales y una revisión en el navegador, en lugar de páginas genéricas de IA.
Una skill de diseño UI/UX para agentes de programación que guía la creación, el rediseño y la revisión de interfaces, junto con una CLI que inspecciona páginas en ejecución para detectar problemas de accesibilidad y diseño.
Conjunto de 24 skills de código abierto para orientar Claude Code, Codex, Cursor y opencode hacia interfaces menos genéricas y con un diseño más deliberado.
Una habilidad para agentes que aporta criterio de diseño a Claude Code, Cursor y otros agentes de código al crear e iterar interfaces, presentaciones y gráficos.
Reglas y skills para que un agente de programación con IA evite interfaces genéricas, textos de marketing y comentarios con estilo de IA.
Guía de diseño para agentes de programación con IA, con una skill de diseño, 24 comandos, iteración en el navegador y 61 reglas deterministas para detectar UI frontend generada por IA.