Impeccable es una habilidad de diseño gratuita y de código abierto que añade 24 comandos de diseño, contexto de proyecto guardado y un detector basado en reglas de patrones de interfaz habituales generados por IA a agentes de programación como Claude Code, Codex, Cursor y GitHub Copilot.
¿Has usado esta herramienta? Valórala
¿Has usado esta herramienta? Valórala
Impeccable es una habilidad de diseño de código abierto para agentes de programación con IA. Se instala en herramientas de programación como Claude Code, Codex, Cursor y GitHub Copilot y ofrece al agente pautas de diseño, un vocabulario de comandos de diseño con nombre y un verificador automático de patrones de interfaz que los frontends generados por IA tienden a repetir.
La habilidad de diseño Impeccable se presenta como una forma de dar a un agente experiencia en diseño para crear interfaces desde cero, mejorar las existentes y ser fiel a un sistema de diseño existente. Su repositorio resume el paquete como una habilidad, 24 comandos, iteración en vivo en el navegador y 61 reglas de detección deterministas para diseño frontend generado por IA.
El sitio web acredita a Paul Bakaus como creador; las instalaciones nuevas descargan un motor firmado por Renaissance Geek, Inc., que también figura como desarrolladora de la extensión de Chrome de Impeccable. Según el README del proyecto, frontend-design de Anthropic fue la primera habilidad de diseño ampliamente usada para Claude, e Impeccable partió de ella.
«Impeccable» es además una palabra común, usada por empresas ajenas al proyecto; esta página trata de la habilidad publicada desde el repositorio pbakaus/impeccable.
Según un registro del 5 de octubre de 2026, ese repositorio mostraba 76,3 mil estrellas bajo la licencia Apache-2.0. Ese mismo día, la ficha de la extensión en la tienda indicaba 60.000 usuarios.
Todo pasa por una habilidad principal, /impeccable, seguida de un comando o una petición en lenguaje sencillo; audit, polish, critique y los demás comandos no necesitan instalación aparte.
La referencia de comandos los agrupa en seis familias: Crear (2), Evaluar (2), Refinar (8), Simplificar (3), Reforzar (4) y Sistema (5).
Un comando frecuente puede fijarse como atajo, por ejemplo /impeccable pin critique; este reenvía las peticiones a la habilidad principal, así que sus mejoras siguen aplicándose.
Impeccable pregunta una sola vez por tus usuarios y sus objetivos, guarda ese contexto en PRODUCT.md y lo lee antes de trabajos de diseño posteriores. El comando document lee la interfaz y registra colores, tipografía y reglas de componentes en DESIGN.md, para que la página o el agente siguiente siga las mismas decisiones. Actualizar Impeccable reemplaza sus propios archivos instalados y deja intactos los PRODUCT.md y DESIGN.md del proyecto.
El detector de basura de IA es la parte que funciona sin modelo de lenguaje. Su catálogo recoge 61 reglas de detección, más 6 patrones reservados para la revisión de diseño. Las comprobaciones buscan problemas como bajo contraste, texto desbordado, patrones de diseño habituales de la IA y desviaciones de un sistema de diseño documentado.
Los hooks de diseño ejecutan el detector mientras el agente trabaja en archivos de interfaz, con lo que los hallazgos llegan con el cambio aún en contexto. Claude Code y Codex reciben comentarios específicos tras cada edición y una comprobación más amplia cuando el agente termina su turno; GitHub Copilot ejecuta el detector completo tras las ediciones compatibles; en Cursor un hallazgo puede bloquear una escritura propuesta hasta que el agente la corrija.
El modo en vivo, marcado como beta, permite seleccionar parte de una página en ejecución y comparar tres variaciones allí mismo, o usar la función «Dirigir» para orientar toda la página; la versión que aceptes se integra en tu código fuente. El comando generate inicia una comparación similar desde el chat si ya puedes nombrar el elemento y la dirección, como en generate 3 variantes atrevidas de las tarjetas de precios.
Para trabajos nuevos, Impeccable recurre a direcciones de diseño revisadas por personas, cada una con sus propias reglas visuales, y las sopesa frente a ideas tomadas de tu producto. Con generación de imágenes puede empezar por la maqueta (comp-led); sin ella, construye directamente en código (code-led), lo que tiende a verse más coherente, aunque suele ser menos ambicioso.
Para empezar se necesita una herramienta de programación, una carpeta de proyecto y Node.js 22.18 o posterior; sirve un proyecto vacío o una aplicación recién generada.
Las instalaciones con el instalador se actualizan con npx impeccable update, y npx impeccable check busca una versión más reciente; las de un marketplace, con el gestor de plugins de la herramienta. Los equipos pueden, en cambio, mantener una versión registrada como submódulo de Git vinculado a sus herramientas.
Encaja peor en dos situaciones:
Las herramientas de programación compatibles incluyen Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode y Pi, entre otras.
| Vía | Cómo funciona |
|---|---|
| Instalador de Impeccable | npx impeccable install selecciona la versión para tu herramienta; requiere Node.js 22.18 o posterior |
| Plugin de Claude Code | /plugin marketplace add pbakaus/impeccable y luego instala Impeccable desde la lista de /plugin |
| skills.sh | npx skills add pbakaus/impeccable instala la versión compartida |
| Aplicación de GitHub Copilot | integrado; se activa en Configuración → Experimental |
| Descarga ZIP | copia el contenido, incluidas las carpetas ocultas, en la raíz del proyecto |
Como habilidad de diseño para Claude Code, Impeccable recibe de su instalador más que los archivos de la habilidad: en Claude Code, Cursor, Codex, GitHub Copilot y Grok Build, el instalador también añade al proyecto actual un manifiesto de hooks nativo de cada plataforma.
El modo en vivo funciona con páginas web de un servidor de desarrollo en ejecución o con HTML estático local, y los frameworks compatibles incluyen aplicaciones basadas en Vite, Next.js, SvelteKit, Astro y Nuxt. Fuera de la herramienta de programación, una extensión de Chrome añade a DevTools un panel de Impeccable que muestra problemas de diseño en las páginas que eliges inspeccionar.
Las habilidades públicas, los comandos, la CLI y el motor de detección de Impeccable son gratuitos y de código abierto bajo licencia Apache 2.0; los costes aplicables vienen de las herramientas de su entorno:
La política de privacidad también describe una lista de espera para Impeccable Pro, que guarda los correos de registro para avisar a la gente cuando Pro esté listo. En las páginas revisadas no se publicaban funciones ni precios de Pro.
Otras dos habilidades para agentes aparecen junto a Impeccable en recopilaciones independientes de habilidades de diseño frontend.
| Opción | Qué ofrece | Licencia |
|---|---|---|
| frontend-design de Anthropic | Una habilidad con pautas sobre dirección estética, tipografía y cómo evitar ajustes predeterminados con aspecto de plantilla | condiciones de su LICENSE.txt |
| taste-skill | Habilidades portables para maquetación, tipografía, movimiento y espaciado, además de habilidades de generación de imágenes para tableros de referencia | MIT |
| Impeccable | Una habilidad con vocabulario de comandos, archivos de contexto del proyecto, reglas de detección, hooks y modo en vivo | Apache 2.0 |
frontend-design de Anthropic es la habilidad de diseño frontend de la que partió Impeccable; se describe como una guía para un diseño visual distintivo e intencionado al crear una interfaz nueva o rehacer una existente. El README de Impeccable presenta sus añadidos como un único flujo de configuración, 24 comandos y 61 reglas de detección deterministas que la CLI y la extensión del navegador ejecutan sin LLM ni clave de API.
taste-skill es un conjunto de habilidades portables para agentes con licencia MIT, orientado a una maquetación, tipografía, movimiento y espaciado más sólidos que los de interfaces con aspecto de plantilla; su repositorio también incluye habilidades de generación de imágenes para tableros de referencia de web, móvil y kit de marca.
Sí. Las habilidades públicas, los comandos, la CLI y el motor de detección son gratuitos bajo licencia Apache 2.0. Los cargos por uso de tu herramienta de programación, de tu proveedor de modelos o de la generación de imágenes los facturan por separado esos proveedores.
No. El detector y los hooks de diseño se ejecutan como código sin modelo de IA ni clave de API; solo el trabajo de diseño que hace tu agente usa su modelo.
Usa generate cuando puedas nombrar el elemento y la dirección que quieres, y el modo en vivo cuando quieras elegir tú mismo los elementos, anotarlos u orientar toda la página durante una sesión en el navegador.
Solo en parte. El detector, los hooks y el modo en vivo se orientan a interfaces web, por lo que la documentación recomienda el comando audit para las revisiones nativas.
