Audit

Cuándo usarlo

/impeccable audit es la contraparte técnica de /impeccable critique. Donde /impeccable critique pregunta “se siente bien”, /impeccable audit pregunta “aguanta”. Ejecuta verificaciones de accesibilidad, rendimiento, tematización, diseño responsive y anti-patrones contra la implementación, puntúa cada dimensión de 0 a 4, y produce un plan con clasificaciones de severidad P0 a P3.

Úsalo antes de publicar, durante un sprint de calidad, o cuando un tech lead dice “realmente deberíamos mirar la accesibilidad”.

Cómo funciona

El skill escanea tu código en cinco dimensiones:

1. Accesibilidad: contraste WCAG, ARIA, navegación por teclado, HTML semántico, etiquetas de formulario.
2. Rendimiento: layout thrashing, animaciones costosas, lazy loading faltante, peso del bundle.
3. Tematización: colores hardcodeados, cobertura de modo oscuro, consistencia de tokens.
4. Responsive: comportamiento en breakpoints, objetivos táctiles, manejo de viewport móvil.
5. Anti-patrones: las mismas 25 verificaciones deterministas que ejecuta el detector.

Cada dimensión obtiene una puntuación de 0 a 4. Cada hallazgo obtiene una severidad: P0 bloquea el release, P1 debería corregirse este sprint, P2 es para el próximo ciclo, P3 es acabado. Obtienes un documento que puedes pegar en un tracker de tickets.

Audit no corrige nada. Documenta. Encamina los hallazgos a /impeccable polish, /impeccable harden o /impeccable optimize según la categoría.

Pruébalo

/impeccable audit the checkout flow

Salida esperada:

Accesibilidad: 2/4 (parcial)
  P0: Faltan etiquetas de formulario en 4 inputs
  P1: Contraste 3.1:1 en estado de botón deshabilitado
  P2: Sin indicador de foco visible en dropdown personalizado

Rendimiento: 3/4 (bueno)
  P1: Imagen hero sin lazy-load (340KB)
  ...

Pasa los P0 a /impeccable harden, los P1 de tematización y tipografía a /impeccable typeset y /impeccable polish, el resto a /impeccable polish.

Errores comunes

• Confundirlo con /impeccable critique. Audit es calidad de implementación. Critique es calidad de diseño. Ejecuta ambos para una imagen completa.
• Corregir P3s antes que P0s. La escala de severidad existe por una razón. Empieza por arriba.
• Saltarse las dimensiones que crees que están bien. Tematización y responsive son las que la mayoría asume que están bien hasta que no lo están.