¿Qué es Impeccable?
Impeccable da a los agentes de programación un vocabulario de diseño y una comprobación del "AI slop" habitual en el código frontend: Inter por todas partes, degradados morados, tarjetas dentro de tarjetas, texto gris sobre color. Se instala como un único skill /impeccable con 24 comandos como craft, audit, polish, typeset, layout y live.
Nació a partir del skill frontend-design de Anthropic. Un detector de CLI y una extensión de navegador aplican 62 reglas deterministas sin LLM ni clave de API, y un hook ejecuta el detector cada vez que el agente edita archivos de interfaz. Admite 17 agentes, entre ellos Claude Code, Cursor, Codex CLI, Gemini CLI y GitHub Copilot.
¿Merece la pena Impeccable?
Impeccable se gana su sitio porque no depende solo del prompt. Su detector aplica 62 reglas deterministas, desde degradados morados y tarjetas anidadas hasta la longitud de línea, el relleno apretado, las zonas táctiles pequeñas y los encabezados saltados, sin LLM ni clave de API, y termina con el código 2 cuando encuentra algo, así que encaja directamente en CI. El repositorio tiene unas 85.200 estrellas en GitHub, y la CLI v4.7.0 salió el 19 de octubre de 2026 con escaneo de aplicaciones de escritorio y webview a través de un puerto de depuración de Chrome.
El README es franco sobre lo que significa pasar la prueba: una ejecución limpia es "evidence, not proof" de calidad visual o de accesibilidad. La opción --github convierte los hallazgos en anotaciones de pull request, aunque GitHub muestra como mucho 10 de cada tipo por paso. /impeccable init escribe un PRODUCT.md para que los comandos posteriores conozcan el público y las restricciones, y eso es lo que lo distingue de una lista de fuentes prohibidas.
Algunos valores por defecto requieren atención. Cuando empieza un diseño nuevo, el skill siempre pide a impeccable.style que reparta una mano de direcciones visuales y, salvo que lo desactives, también registra qué opción ganó, aunque nunca nombres de proyectos, archivos ni código. En Claude Code el hook se ejecuta aunque deniegues la llamada a herramienta del agente, así que el binario del motor puede descargarse en ~/.impeccable/bin de todos modos. El modo live puede ejecutar un script de package.json con tus permisos, así que solo debe usarse en copias de confianza.
Usarlo junto a otro skill contra el "slop" es mala idea, como señala SSD Nodes, porque ambos se activan en cada petición de frontend con reglas en conflicto. Frente al skill frontend-design de Anthropic, del que nació, Impeccable cambia un único archivo de prompt por un binario, hooks y una llamada de red: más maquinaria de la que necesita un equipo centrado en el backend para alguna página de administración suelta.
Dónde se gana su sitio
Un responsable de frontend en una startup de 10 personas cuyas páginas hechas por el agente se parecen todas
Dar al agente un vocabulario de diseño y detectar los patrones genéricos antes de la revisión
Ejecutar npx impeccable install y después /impeccable init para escribir PRODUCT.md; usar craft para las pantallas nuevas y polish antes de integrar. Gratis; el coste son los turnos extra del agente que gasta cada comando.
Una ingeniera de sistemas de diseño que mantiene una biblioteca de componentes
Bloquear los patrones de AI slop en las pull requests
Añadir npx impeccable detect --github src/ a CI; termina con el código 2 si hay hallazgos y anota el diff. Una fuente de marca como Inter puede eximirse con ignores add-value en lugar de desactivar la regla.
Una agencia de diseño que presenta un rediseño a un posible cliente
Auditar la web en producción del cliente antes de la presentación
npx impeccable detect https://client.example escanea la página renderizada mediante un Chrome local y enumera los hallazgos. Un resultado limpio es una prueba indicativa, no concluyente, así que un diseñador debe revisarlo igualmente en distintos tamaños de pantalla.
Antes de decidirte
- Puesta en marcha
- npx impeccable install desde la raíz del proyecto detecta los agentes instalados y escribe el skill y un hook; después se ejecuta /impeccable init. Node solo hace falta para npx; el binario del motor se descarga una vez en ~/.impeccable/bin.
- Integraciones
- 17 agentes, entre ellos Claude Code, Cursor, Codex CLI, Gemini CLI, GitHub Copilot y Grok Build; una extensión en el VS Code Marketplace; una extensión de navegador; salida JSON y de GitHub Actions para CI.
- Datos y privacidad
- Cada diseño nuevo pide a impeccable.style direcciones visuales; salvo que lo desactives, registra cuál ganó, nunca nombres de proyectos, archivos ni código. Se desactiva con npx impeccable telemetry off, DO_NOT_TRACK=1 o un ajuste a nivel de proyecto. Apache-2.0; sin avisos de seguridad publicados.
- Coste a escala
- Gratuito y de código abierto sin nivel de pago; el coste es el uso del modelo para los comandos de diseño adicionales, y los escaneos de CI se ejecutan en local sin gasto de API.
- Límites
- Los escaneos de URL no pueden leer CSS de otro origen sin CORS; el modo live solo funciona en copias locales y ejecuta un script de package.json; Cursor y Gemini CLI necesitan versiones nightly o preview para los skills.
Lo bueno
- Detector determinista de 62 reglas con códigos de salida para CI
- Anotaciones de GitHub Actions y salida JSON
- Admite 17 agentes
- Versiones frecuentes
Lo malo
- Telemetría activada por defecto
- Contacta con impeccable.style cada vez que empieza un diseño nuevo
- El hook puede descargar un binario aunque deniegues un comando
- Entra en conflicto con otros skills de diseño
Ideal para
Desarrolladores cuyos agentes construyen interfaces frontend y quieren que parezcan menos genéricas.
Alternativas a Impeccable
Impeccable: preguntas frecuentes
- ¿Merece la pena Impeccable?
- Un detector de verdad y un vocabulario de diseño compartido hacen de este el skill de diseño que merece la pena instalar, siempre que desactives la telemetría y sea el único skill de diseño del proyecto. Le damos un 4.3 sobre 5.
- ¿Cuánto cuesta Impeccable?
- Gratuito y de código abierto (Apache-2.0).
- ¿Qué inconvenientes tiene Impeccable?
- Telemetría activada por defecto; contacta con impeccable.style cada vez que empieza un diseño nuevo; el hook puede descargar un binario aunque deniegues un comando; entra en conflicto con otros skills de diseño.
- ¿Para quién es Impeccable?
- Desarrolladores cuyos agentes construyen interfaces frontend y quieren que parezcan menos genéricas.
- ¿Cuánto cuesta Impeccable para un equipo o en producción?
- Gratuito y de código abierto sin nivel de pago; el coste es el uso del modelo para los comandos de diseño adicionales, y los escaneos de CI se ejecutan en local sin gasto de API.
- ¿Es Impeccable seguro para los datos de la empresa?
- Cada diseño nuevo pide a impeccable.style direcciones visuales; salvo que lo desactives, registra cuál ganó, nunca nombres de proyectos, archivos ni código. Se desactiva con npx impeccable telemetry off, DO_NOT_TRACK=1 o un ajuste a nivel de proyecto. Apache-2.0; sin avisos de seguridad publicados.
- ¿Cuáles son las mejores alternativas a Impeccable?
- Las alternativas más cercanas que hemos analizado son Anthropic Skills, Agent Skills (Addy Osmani) y OpenDesign.
Respuestas comprobadas el 26 oct 2026.