Checklist anti AI slop

La IA inventa valores si no le das los tuyos.

• Colores, espaciados y tipografías salen de tokens, sin valores sueltostokens
• Los tokens se nombran por intención (color.action.primary), no por apariencia (blue-500)tokens
• Los componentes reutilizan los de tu librería, sin duplicadoscomponentes
• La IA tuvo tu DESIGN_SYSTEM.md y tus reglas como contextocontexto
• Buscaste hex y px sueltos en el código generado y los reemplazastecódigo

Que se vea moderno no significa que se pueda usar.

• Contraste del texto: 4.5:1 normal y 3:1 grandeWCAG 1.4.3
• Contraste de bordes, iconos y controles: 3:1WCAG 1.4.11
• Áreas táctiles de 24×24 px como mínimo (44 px recomendado)WCAG 2.5.8
• Todo se maneja con teclado (Tab, Enter, Esc), en orden lógicoWCAG 2.1.1
• El foco es visible en cada elemento interactivoWCAG 2.4.7
• Los modales atrapan el foco, cierran con Esc y lo devuelven al cerrarARIA
• Imágenes con texto alternativo e iconos sin texto con etiquetaWCAG 1.1.1
• Cada campo tiene su etiqueta visibleWCAG 3.3.2
• El texto se amplía al 200% sin perder contenidoWCAG 1.4.4

Una pantalla bonita no es un producto.

• Cada pantalla tiene sus estados: vacío, cargando, error y éxitoestados
• También deshabilitado, foco y texto muy largoestados
• El flujo completo existe: de dónde viene el usuario y a dónde vaflujo
• Resolviste los casos borde: sin conexión, sin permisos, sin datosflujo
• Los errores dicen qué pasó y cómo resolverloUX writing

Aquí se separa un diseño con intención de un borrador.

• Iteraste: el resultado final no es el primero que saliócriterio
• Quitaste decoración sin función (sombras, brillos, degradados)criterio
• Lo comparaste con una referencia real (Linear, Raycast, Vercel u otra)referencia
• El texto es real, no genérico de IA ni lorem ipsumcontenido
• Puedes explicar por qué está cada elementodecisiones
• Tiene detalles propios: tu lenguaje, tus ilustraciones o tu tonoidentidad

Lo último que revisas, no lo primero.

• Lo probaste en un celular real y en escritoriopruebas
• Corriste axe o Lighthouse y corregiste lo críticopruebas
• Revisaste que las dependencias existen y son las que pedisteseguridad
• Las imágenes están optimizadas y la página carga rápidorendimiento