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.
flawless-ui-ux es un paquete de skills que ofrece orientación de diseño de interfaces a agentes de programación como Codex, Claude Code, OpenCode y Cursor. Relaciona el público, el contenido y la identidad del producto con la composición, la tipografía, el color, la densidad y la interacción. Abarca la creación de pantallas nuevas, el rediseño de las existentes, el refinamiento de detalles y la revisión del trabajo sin editar archivos.
El proyecto también incluye una CLI de npm. Recopila el contexto del proyecto e inspecciona archivos de código seleccionados o un servidor de desarrollo en ejecución mediante un navegador headless. Luego informa sobre problemas de contraste y nomenclatura relacionados con la accesibilidad, tamaños de fuente calculados, desbordamiento horizontal, imágenes rotas y errores de JavaScript no capturados. Se puede volver a ejecutar una línea base guardada después de los cambios para distinguir los hallazgos persistentes, nuevos y resueltos.
La instalación copia la skill en los directorios del proyecto o globales de los agentes compatibles y requiere Node 22.12 o una versión posterior. Las comprobaciones de la CLI son herramientas de muestreo y no certifican el cumplimiento completo de WCAG ni la calidad visual.
Instala la skill en tu proyecto con npm
npx flawless-ui-ux@latest installPide a tu agente de programación que cree o revise una interfaz usando la skill
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.
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 skill de diseño de interfaces para agentes de IA que explora distintas propuestas, las compara en paralelo y las refina a partir de capturas de pantalla reales.
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.
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.
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.