Impeccable

Cuándo usarlo

/impeccable es el comando principal. Llámalo directamente cuando quieras trabajo de diseño libre con la guía completa cargada, sin necesidad de elegir un comando especializado. Es la opción a la que recurres cuando ninguno de los 23 especialistas (audit, polish, critique y el resto) se ajusta con precisión a lo que intentas hacer.

Recurre a /impeccable directamente cuando:

• No estás seguro de qué comando encaja. Describe lo que quieres en lenguaje natural y deja que el skill elija el enfoque adecuado.
• El trabajo abarca múltiples disciplinas. “Rehaz esta sección hero” toca layout, tipografía, color y movimiento. Un solo comando no puede abarcarlo todo.
• Quieres la inteligencia de diseño completa sin restricciones. Todos los archivos de referencia cargados, todos los anti-patrones verificados, sin flujo de trabajo preestablecido.

Para flujos estructurados, recurre a los comandos especializados en la barra lateral. Ejecuta /impeccable teach primero en cualquier proyecto nuevo para establecer PRODUCT.md y DESIGN.md. /impeccable craft encadena una entrevista de discovery con una construcción completa e iteración visual en vivo. /impeccable shape produce un brief de diseño sin tocar código. /impeccable live te da un selector en el navegador con tres variantes por elemento. Los comandos de evaluación y refinamiento (audit, critique, polish, typeset, layout, colorize y el resto) se encargan cada uno de una parte específica del trabajo.

Cómo funciona

La mayoría de las UIs generadas por IA fracasan de la misma manera: fuentes genéricas, degradados violeta, grids de tarjetas sobre tarjetas, glassmorphism por todas partes. /impeccable le da a tu IA un punto de vista fuerte. Carga un manual de diseño con opinión explícita y una larga lista de anti-patrones, luego empuja al modelo a comprometerse con una dirección estética específica antes de escribir una sola línea de código.

Dos archivos en la raíz de tu proyecto determinan todo lo que hace el skill:

• PRODUCT.md define el registro (brand vs product), usuarios objetivo, personalidad de marca, anti-referencias, principios de diseño. Responde a “quién, qué, por qué”.
• DESIGN.md define colores, tipografía, elevación, componentes, lo que sí y lo que no, en formato Google Stitch de seis secciones. Responde a “cómo se ve”.

Cada comando lee ambos archivos antes de generar. El registro decide qué valores por defecto se cargan. Brand (marketing, landing, portfolio, donde el diseño ES el producto) y product (UI de app, dashboards, herramientas, donde el diseño SIRVE al producto) tienen valores por defecto diferentes para tipografía, movimiento, color y densidad. Especificarlo una vez en PRODUCT.md significa que /impeccable typeset no impondrá fuentes de revista editorial en un dashboard, ni impondrá valores por defecto de product en una página de campaña. Consulta el tutorial de brand vs product para ver cómo divergen.

En el primer uso en un proyecto, el skill ejecuta automáticamente el flujo teach: una entrevista corta que escribe PRODUCT.md y luego delega a /impeccable document para DESIGN.md. Los comandos futuros leen los archivos sin preguntar de nuevo.

Pruébalo

/impeccable redo this hero section

/impeccable build me a pricing page for a developer tool

Ambos prompts son vagos a propósito. /impeccable elegirá una dirección estética fuerte consistente con tu registro, se comprometerá con fuentes no predeterminadas, evitará la paleta de colores de IA y tomará el tipo de decisiones específicas que tomaría un diseñador real. Sin necesidad de elegir un comando primero, sin flujo de trabajo paso a paso que seguir.

Para iteración visual en el navegador en lugar de chat:

/impeccable live

Elige cualquier elemento en tu servidor de desarrollo en ejecución. Deja un comentario o trazo. Obtén tres variantes de calidad de producción intercambiadas en caliente vía HMR. Acepta la que quieras y se escribe de vuelta al código fuente.

Vuelve a fijar comandos como atajos

v3.0 consolidó 18 skills independientes en un solo /impeccable con 23 subcomandos. Si extrañas la forma corta de un comando específico, vuelvelo a fijar:

/impeccable pin critique

A partir de ahora, /critique invoca /impeccable critique directamente. Escribe un skill de redirección ligero que delega al skill padre, por lo que las actualizaciones fluyen sin necesidad de volver a fijar.

Pines útiles para probar:

• /impeccable pin polish para trabajo de pase final
• /impeccable pin audit para verificaciones deterministas de a11y/perf
• /impeccable pin live para el flujo de iteración en el navegador
• /impeccable pin critique para revisión de diseño

Para eliminar: /impeccable unpin critique. Los pines existen como directorios prefijados con i- en la carpeta de skills de tu harness (.claude/skills/i-critique/, .cursor/skills/i-critique/, etc.), así que también puedes eliminarlos manualmente.

Errores comunes

• Tratarlo como una guía de estilos. Es un compañero de diseño con opinión, no un linter. Los valores por defecto existen para elevar el piso, no para imponerse sobre tu criterio. Si tienes una razón real para disentir (guía de marca, restricción de accesibilidad, investigación de usuarios), disiente y explica por qué. El skill trabajará contigo. Lo que produce peores resultados es ignorar la opinión sin una razón.
• Esperar que arregle código existente. /impeccable está orientado a la creación. Para refinamiento, recurre a /impeccable polish, /impeccable distill o /impeccable critique.
• Ejecutarlo antes de que teach haya guardado contexto. En un proyecto nuevo te entrevistará sobre la marcha, lo cual funciona pero es más lento. Ejecutar /impeccable teach explícitamente como tu primer comando es un poco más fluido.
• Saltarse la pregunta de registro. Los valores por defecto de brand y product divergen lo suficiente como para que ejecutarse con el registro incorrecto produzca resultados sutilmente desacertados. Si PRODUCT.md no tiene un campo ## Register (formato heredado), ejecuta /impeccable teach para añadirlo.