Impeccable: un idioma de diseño compartido entre tú y el agente
Los modelos aprendieron de las mismas plantillas SaaS y por eso repiten Inter, degradados de morado a azul y tarjetas dentro de tarjetas. Impeccable nació de la skill frontend-design de Anthropic: primero guarda la verdad del producto en PRODUCT.md y luego da al agente 24 comandos y un detector que señala los vicios típicos sin recurrir a un modelo.
Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, OpenCode, Grok Build, Trae, Google Antigravity
Qué hace
Una sola entrada, /impeccable, con 24 comandos como craft, shape, critique, audit, polish, bolder, quieter, distill, harden y typeset
/impeccable init revisa el proyecto, pregunta solo lo que falta y escribe PRODUCT.md con público, propósito, límites y tono
62 reglas deterministas de detección; la CLI y la extensión de navegador las aplican sin LLM y sin clave de API
El modo live prueba variantes de un elemento en el navegador y /impeccable document genera DESIGN.md a partir del código
Los comandos frecuentes se fijan: /impeccable pin audit crea un /audit independiente
Cuándo usarla
La interfaz funciona pero resulta sosa y no sabes qué tocar en tipografía, color o maquetación
Quieres revisar accesibilidad, rendimiento y diseño adaptable con un solo comando antes de publicar
Un formulario de pago se rompe con textos largos, errores o traducciones: para eso está harden
Pídale al agente
/impeccable critique landing: analiza la jerarquía y la claridad de la portada
/impeccable harden checkout y cubre errores y cadenas largas en el formulario de pago
/impeccable quieter en este panel, que grita demasiado
Preguntas
¿Cómo se instala Impeccable?
Desde la raíz del proyecto, ejecuta npx impeccable install: detecta las carpetas de tus agentes y pregunta si instalar global o por proyecto. Después lanza /impeccable init.
¿Funciona Impeccable en Cursor y Codex?
Sí. El README cita Cursor, Claude Code, Gemini CLI, Codex CLI, GitHub Copilot, OpenCode, Trae, Grok Build y otros, con pasos propios para Codex y Cursor.
¿En qué se diferencia Impeccable de frontend-design?
Partió de frontend-design de Anthropic y le suma la configuración con PRODUCT.md, 24 comandos y un detector de 62 reglas que no necesita modelo.
