Impeccable: guía de estilo para tu agente de código

Impeccable añade un vocabulario de diseño a tu agente de programación para afinar interfaces sin ir a ciegas. Sirve para dar instrucciones más precisas, revisar la calidad visual y detectar “slop” antes de que llegue a producción.

Qué hace

• Aporta comandos para dirigir el estilo: polish, bolder, quieter, layout, typeset y más.
• Incluye revisiones con critique y audit para valorar UX, accesibilidad, rendimiento y comportamiento responsive.
• Detecta patrones de baja calidad con reglas deterministas, sin usar LLM ni API key.
• Se puede usar en el agente, en terminal/CI o con una superposición en el navegador.
• Permite iterar sobre componentes o páginas ya existentes, y también crear nuevas con más contexto.

Para quién es

Pensado para personas que usan agentes de código y quieren mejores resultados visuales sin ser expertas en diseño. Encaja especialmente bien si ya tienes una interfaz y quieres pulirla o revisarla.

Cómo empezar

1. Desde la raíz del proyecto, ejecuta: npx impeccable install.
2. Recarga tu herramienta de código y luego lanza /impeccable init en tu agente ($impeccable init en Codex).
3. Si quieres seguir con la configuración, consulta la documentación completa en el repositorio o en https://impeccable.style/docs.

Ten en cuenta

La instalación puede pedir aprobar el hook de diseño en herramientas compatibles. La parte de live mode solo edita una copia local y no debe usarse en sitios desplegados ni forzarse debilitando la CSP de producción.