Impeccable: 61 reglas de diseño gratis para tu agente de IA

Dale a un agente de IA la orden de diseñar una landing. Cambia el modelo, cambia la herramienta y, demasiadas veces, sale la misma criatura: Inter para todo, gradiente morado, tarjetas dentro de tarjetas y una jerarquía que parece decidida por una ruleta. Impeccable intenta cortar ese patrón antes de que llegue a producción. Es un skill de código abierto que añade un vocabulario de diseño, 23 comandos y un detector con 61 reglas deterministas.

TL;DR: El resumen sin rodeos

• Qué es: un skill de código abierto que da a Claude Code, Codex, Cursor y otros agentes un vocabulario de diseño y un proceso más ordenado para mejorar interfaces.
• Qué aporta: 23 comandos y un detector con 61 reglas deterministas para localizar patrones repetitivos de las webs hechas por IA, sin API key ni otra llamada a un modelo.
• Cómo se aprovecha: funciona mejor cuando separas el trabajo en forma, crítica, auditoría y pulido, y cuando das al agente instrucciones concretas.
• La nota: 8,8/10. Es útil, gratuito y encaja en el trabajo real, pero pierde puntos porque todavía obliga a insistir demasiado.

LA EXPERIENCIA DE DANIEL ESPINOSA RAMOS

Impeccable es genial. Consigue que el diseño con Claude Code y Codex sea mucho mejor y que salga del aspecto genérico de web hecha por IA. Pero a veces tengo que repetir el prompt un par de veces y ser muy específico, sobre todo cuando lo combino con otros skills. A la IA le cuesta seguir las órdenes a la primera. Aun así, lo uso en mi día a día y es uno de mis preferidos.

Dani

El problema que resuelve

Paul Bakaus partió del skill frontend-design de Anthropic y lo convirtió en algo más operativo. No se limita a decirle al modelo “hazlo bonito”. Le da contexto persistente del producto, comandos con una intención concreta y dos tipos de control: crítica basada en el modelo y detección programática de patrones conocidos.

Ese último matiz importa. El detector puede marcar texto gris sobre fondos coloreados, tipografías comodín, tarjetas anidadas, iconos decorativos repetidos o animaciones que hacen ruido. Lo hace sin gastar otra llamada de IA. Para un equipo de marketing que produce páginas de campaña con agentes, esto sirve como una primera barrera de calidad: reduce defectos repetibles antes de que alguien revise la propuesta.

No demuestra por sí solo que una landing vaya a convertir más. Tampoco puntúa la estrategia, la oferta o la claridad del mensaje. Si el brief es mediocre, Impeccable puede dejarlo más limpio y seguir siendo mediocre.

Cómo se pone en marcha

La instalación recomendada por el proyecto es esta:

npx impeccable install

El instalador detecta los agentes disponibles y permite elegir proveedores y alcance. Después hay que recargar el agente. En Codex, conviene abrir /hooks y aprobar el hook del proyecto cuando lo pida; si una actualización cambia su definición, puede pedir aprobación otra vez.

El primer comando de un proyecto debería ser:

/impeccable init

init inspecciona el proyecto y escribe la verdad duradera del producto en PRODUCT.md: audiencia, propósito, contexto, restricciones, voz y evidencia. La dirección visual queda separada en DESIGN.md. Es una decisión sensata: evita confundir “quién compra y por qué” con “qué estética tendrá esta página”.

Instala Impeccable en este proyecto con npx impeccable install. Ejecuta /impeccable init para fijar el contexto del producto. Después ejecuta /impeccable audit sobre la página principal y corrige los problemas encontrados sin cambiar la oferta ni inventar datos.

Usándolo en marketing real

Imagina un equipo pequeño sin diseñador interno que produce landings en Codex, Cursor o Claude Code. El flujo útil no es pulsar un botón y esperar una obra maestra. Es dividir la decisión:

1. /impeccable shape landing para ordenar la experiencia antes de escribir código.
2. /impeccable critique landing para revisar jerarquía, claridad y resonancia.
3. /impeccable audit landing para accesibilidad, responsive, rendimiento y reglas deterministas.
4. /impeccable polish landing para alinear el acabado con el sistema y dejarla lista para publicar.

También hay comandos más quirúrgicos: typeset, layout, colorize, quieter, bolder, clarify, harden o adapt. La ventaja no es memorizar 23 nombres. Es poder decir qué tipo de mejora buscas sin volver a redactar un tratado de diseño en cada prompt.

La versión actual añade iteración visual en navegador con /impeccable live. Está pensada para un servidor local de desarrollo. Para una web ya publicada, el detector por URL o la extensión de Chrome son rutas más apropiadas.

Vídeo oficial pertinente: en esta charla de 15:59, Bakaus explica el razonamiento del sistema. La parte decisiva llega al final: una etiqueta bonita sin significado concreto sigue siendo un prompt bonito; no hay modo automático que fabrique criterio.

Ver “Design at the Speed of Adjectives”, de Paul Bakaus en AI Engineer

Lo que no te cuentan

La cifra “61 reglas” suena a red de seguridad total, pero no lo es. Detecta patrones catalogados. Un diseño nuevo puede cumplir todas las reglas y seguir teniendo una composición pobre, una promesa confusa o una personalidad prestada. Además, parte de la crítica sigue dependiendo del modelo que estés usando.

El propio autor lo dice con más precisión que cualquier titular: no existe el botón automático y no pretende que exista. El gusto puede afinarse y amplificarse, pero nace del contexto, la cultura y las decisiones acumuladas. Impeccable te da palancas; todavía tienes que decidir hacia dónde moverlas.

Hay otros dos límites prácticos:

• Los hooks ejecutan comprobaciones cuando el agente toca archivos de interfaz. Hay que revisar y aprobar lo que instalas, especialmente en repos compartidos.
• El flujo de composición visual previa necesita que tu entorno tenga generación de imagen. Sin esa capacidad, se conserva el flujo basado en código, pero no esa rama visual.

Qué dice la gente

La búsqueda social de los últimos 30 días encontró material suficiente y variado. Estas son las publicaciones originales, no una paráfrasis escondida detrás de un enlace.

En este hilo de Reddit, un usuario cuenta que lo usa mucho para limpiar el aspecto generado por IA y recomienda empezar por /audit.

También aparece la postura contraria: en debates de ClaudeAI y ClaudeCode hay usuarios que probaron skills de diseño y siguen sin ver una sustitución real del criterio humano. No contradice la propuesta de Impeccable; la coloca en su sitio.

Veredicto

Impeccable es de esas herramientas que mejoran el proceso precisamente porque no prometen magia. Convierte muchos fallos visuales repetibles en comprobaciones, guarda contexto que el agente suele olvidar y ofrece un lenguaje común para pedir cambios con intención.

Por eso conserva el 8,8/10. Mejora mucho el resultado, cuesta cero y encaja en el trabajo real. No tiene una nota más alta porque todavía obliga a insistir demasiado para que el agente aplique bien sus reglas, especialmente cuando comparte el proyecto con otros skills.