En los propios términos del Skill
QA con ojo de diseñador de un sitio en vivo. Abre las páginas en el propio navegador del usuario, las captura a 375, 768 y 1440, califica diez categorías desde la jerarquía visual hasta los estados de interacción, y luego edita el código fuente para corregir lo encontrado, un commit por cada corrección, reverificando con capturas de antes y después.
La profundidad por defecto es de 5 a 8 páginas; sin una URL en una rama de funcionalidad, se vuelve consciente del diff. Los lectores obtienen dos calificaciones principales, un Design Score ponderado y un AI Slop Score independiente, además de 30 reglas de detección con nombre, como [kicker-above-heading] y [gradient-text], detrás de los juicios de valor.
Qué produce
- Un informe de auditoría en markdown estructurado en el directorio de la ejecución.
- Un archivo design-baseline.json escrito para la comparación de regresión en ejecuciones posteriores.
- Pares de capturas de antes y después para cada corrección aplicada.
- Un DESIGN.md opcional escrito a partir de las observaciones extraídas, si el usuario acepta la propuesta de la Fase 2.
Cómo funciona
- 01Reaccione Antes de Analizar
La Fase 1 abre el objetivo y toma una captura de escritorio de página completa, luego escribe una primera impresión estructurada que indica hacia dónde va la mirada primero.
- 02Extraiga el Sistema Renderizado
La Fase 2 examina las fuentes, los colores, la escala de encabezados y los objetivos táctiles dentro de la página, y luego ofrece guardar los hallazgos como un DESIGN.md.
- 03Audite Página por Página
La Fase 3 ejecuta un hook de consola, una instantánea interactiva y una captura anotada por página, y luego repite el proceso en tres anchos de viewport.
- 04Sienta los Flujos
La Fase 4 recorre 2-3 flujos de usuario, comparando la instantánea después de cada acción y siguiendo una puntuación de buena voluntad para la fricción y la reparación.
- 05Corrija un Hallazgo a la Vez
La Fase 8 realiza el cambio mínimo, lo confirma por separado y vuelve a probar antes de pasar al siguiente hallazgo.
- 06Califique Dos Titulares
El Design Score es un promedio ponderado de diez categorías, mientras que la calificación de AI slop se mantiene independiente.