Impeccable: dale criterio de diseño a la IA que hace tu web

Le pides a la IA una web y funciona, pero algo chirría: todas las secciones parecen iguales, sobran tarjetas y cuesta encontrar lo importante. Pedirle «hazlo más bonito» suele acabar en otra ronda de cambios sin una dirección clara.

Impeccable, de Paul Bakaus, aporta instrucciones y herramientas de diseño a los asistentes que escriben código. Es un proyecto de código abierto que ayuda a trabajar aspectos como tipografía, jerarquía visual, composición y espaciado. Se integra con herramientas como Claude Code, Cursor y Codex.

1. Qué puedes pedirle

Sus comandos permiten acotar el trabajo:

• critique: revisar qué está frenando el diseño y qué conviene mejorar primero.
• audit: detectar problemas de implementación y ordenar las correcciones por prioridad.
• distill: simplificar una interfaz que tiene demasiadas cosas.
• polish: dar una pasada final a los detalles y la coherencia visual.

También incluye orientación para evitar recursos que la IA repite demasiado, como degradados morados o tarjetas dentro de otras tarjetas.

2. Cómo empezar

Desde la carpeta del proyecto, el instalador recomendado es:

npx impeccable install

Después, recarga tu asistente y ejecuta /impeccable init para definir público y objetivos. En Codex, la entrada es $impeccable init. Ese contexto se guarda en PRODUCT.md: ayuda a orientar las decisiones hacia el negocio al que sirve la web.

3. Cómo lo usaría en una página de servicios

Imagina una empresa de reformas con seis servicios, testimonios y un formulario. Yo haría tres pasadas:

1. Revisar el recorrido. «Analiza si se entiende qué hacemos y cómo pedir presupuesto. Mantén los colores y el estilo de la marca». Empezaría con critique.
2. Resolver lo que estorba. Si todos los bloques compiten, pediría reducir elementos secundarios y destacar el servicio principal. En móvil, priorizaría lectura y acceso al contacto.
3. Pulir el resultado. Usaría polish para revisar alineaciones, espaciados y consistencia de botones sobre una estructura ya decidida.

Lo interesante es poder dirigir los cambios con una intención concreta. En una web de negocio, que se entienda el servicio y se encuentre el contacto aporta más que añadir otra animación.

Fuentes

• Repositorio de Impeccable, de Paul Bakaus.
• Documentación e instalación de Impeccable.