realshahriya/mukhon-audit-ai-design-slop

Procedencia: Adaptado y saneado para MUKHON Skill Pack del repositorio upstream audit-ai-design-slop bajo MIT.

Auditar Diseño de IA Slop

Realiza una auditoría diagnóstica y basada en evidencia. Identifica el conjunto más pequeño de eliminaciones o correcciones que mejorarían la interfaz mientras se preserva su dirección actual.

Límites

• No adivines si la IA hizo el diseño.
• No asignes una puntuación numérica de slop.
• No rechaces una técnica visual de forma aislada. Un degradado, serifa, tema oscuro, efecto de vidrio, tarjeta, animación o sistema de una sola fuente puede ser intencional.
• No prescribas una nueva fuente, paleta, diseño, sistema de diseño o dirección artística a menos que el usuario lo solicite explícitamente.
• No conviertas una auditoría en una tarea de implementación.
• Marca cualquier cosa fuera de la evidencia visible o proporcionada como desconocida.

Auditar la Evidencia

Inspecciona el artefacto disponible en la solicitud:

• capturas de pantalla y grabaciones
• páginas renderizadas y viewports relevantes
• interacciones y cambios de estado
• código fuente, tokens, activos y texto
• fallos de consola o tiempo de ejecución cuando afecten la experiencia

Para cada hallazgo, cita una ubicación, componente, comportamiento o línea de texto concreta. No reportes una tendencia genérica sin evidencia en el artefacto.

Para una revisión de página completa o sitio completo, lee ../mukhon-no-ai-design-slop/ARTICLE.md y usa solo las secciones del catálogo relevantes para el artefacto inspeccionado. No conviertas cada coincidencia de la lista de verificación en un hallazgo. Agrupa los síntomas por causa raíz y reporta la evidencia de mayor impacto.

Clasificar Hallazgos

Usa una de estas clases:

• Defecto de calidad: un problema establecido de usabilidad, accesibilidad, contenido, responsividad o tiempo de ejecución.
• Patrón slop: una convención repetida, capa decorativa o estilo de apariencia generada sin un rol útil.

Qué Señalar

Apilamiento Decorativo

Señala combinaciones de brillo, texto degradado, vidrio, bordes, sombras, cuadrículas, partículas, haces, ruido, formas flotantes o chrome del navegador cuando múltiples capas realizan el mismo trabajo decorativo o compiten con el contenido.

Repetición de Componentes y Plantillas

Señala:

• tratamiento de tarjeta aplicado a casi todos los bloques de contenido
• mosaicos repetidos de icono-encabezado-descripción con contenido intercambiable
• contenedores redondeados anidados que no comunican jerarquía
• secuencias genéricas de página de aterrizaje no relacionadas con el viaje de compra o uso del producto
• encabezados, etiquetas, píldoras o bloques de CTA que repiten información cercana

Desorden Tipográfico y de Texto

Señala:

• texto duplicado o etiquetas innecesarias
• superlativos vacíos, afirmaciones de categoría vagas y relleno generado
• tratamientos tipográficos decorativos que oscurecen la jerarquía o legibilidad
• párrafos largos centrados, saltos de línea forzados incómodos o texto difícil de escanear
• roles tipográficos inconsistentes que parecen accidentales en lugar de expresivos

Teatro de Movimiento

Señala movimiento que retrasa el acceso, se repite mecánicamente, distrae de la lectura, mueve objetivos, bloquea la entrada o carece de respeto por las preferencias de movimiento reducido. Preserva el movimiento que comunica estado, causalidad, jerarquía o cambio espacial.

Prueba Falsa

Señala métricas, clientes, testimonios, premios, calificaciones, actividad, paneles, gráficos, logotipos y retratos inventados o no verificables cuando se presentan como evidencia.

Fallos de UI Establecidos

Señala:

• acciones primarias poco claras o en competencia
• contenido de bajo contraste o ilegible
• recorte, desbordamiento, superposición o comportamiento responsivo roto
• activos, enlaces, scripts o controles rotos
• información esencial disponible solo al pasar el ratón
• estados faltantes requeridos por el flujo observado
• etiquetas, roles, retroalimentación o foco de teclado poco claros
• inconsistencia accidental en espaciado, tipo, color, radio o iconos
• jerarquía visual que contradice la importancia de la tarea

Usar la Prueba de Eliminación

Para cada candidato:

1. Declara qué información, estado, acción, jerarquía o significado de marca proporciona.
2. Pregunta si eliminarlo mejoraría la claridad sin perder ese rol.
3. Si es así, recomienda la eliminación o consolidación.
4. Si no, recomienda la corrección más pequeña usando el sistema existente.
5. Sugiere un reemplazo solo cuando la eliminación crearía una pérdida real.

Por defecto, opta por la sustracción. Un reemplazo debe heredar el lenguaje existente del producto en lugar de introducir un nuevo concepto visual.

Priorizar

• P0: bloquea la finalización, crea un problema grave de accesibilidad o presenta pruebas engañosas
• P1: daña materialmente la comprensión, confianza, navegación o interacción
• P2: slop repetido o inconsistencia que debilita la jerarquía y la identidad
• P3: problema menor de pulido con impacto limitado en el usuario

Devuelve de cinco a ocho hallazgos de mayor impacto por defecto. Agrupa instancias repetidas en un hallazgo sistémico.

Salida

## Veredicto
Un párrafo conciso sobre los problemas dominantes y qué debería eliminarse primero.

## Alcance Verificado
- Artefacto, pantalla, estado y viewport realmente inspeccionados

## Hallazgos
| Prioridad | Clase | Patrón | Evidencia | Daño | Eliminar o corregir |
|---|---|---|---|---|---|
| P1 | Patrón slop | Contenedores ornamentales repetidos | El área de características usa el mismo tratamiento de tarjeta en capas para contenido no relacionado | Aplana la jerarquía y añade ruido | Eliminar las capas externas; conservar la agrupación solo donde comunique interacción |

## Desconocidos
- Estados o comportamiento importantes que no pudieron verificarse

Mantén el informe compacto. Omite secciones vacías.

Reglas de Retroalimentación

• Lidera con evidencia concreta, no con afirmaciones de gusto.
• Nombra el patrón y su daño.
• Recomienda la eliminación antes que el rediseño.
• Evita cumplidos genéricos y críticas exhaustivas de bajo impacto.
• Preserva los detalles útiles específicos del producto y el carácter intencional.
• No cites un estándar a menos que respalde directamente el hallazgo.
• No describas una estética como universalmente mala.
• Si el usuario solicita explícitamente intercambios de diseño, coloca un reemplazo opcional después de la recomendación de eliminación y mantenlo coherente con el sistema existente.
• Termina con la eliminación o corrección única que produciría la mejora más grande.