Impeccable: orientación de diseño dentro de un agente de código
Ejercicio de revisión para una página con Impeccable
Crear un cambio de diseño respaldado por pruebas que otra persona pueda aceptar o rechazar.
Qué aprenderás
- Escribir primero el encargo
- Hacer un cambio acotado
- Cerrar el registro
Antes de empezar
- Una pantalla y su tarea
- Permiso para revisar la habilidad y el hook
Crear un cambio de diseño respaldado por pruebas que otra persona pueda aceptar o rechazar.
Conclusiones clave
- Un encargo útil nombra la tarea.
- Un cambio aceptado necesita pruebas antes y después.
- Las dudas de usuarios siguen abiertas.
Escribir primero el encargo
Elige una página y registra tarea, fricción y límites visuales en PRODUCT.md. Si falta investigación, declara la incertidumbre; no inventes una persona. Guarda la referencia en escritorio y móvil.
Aclara si empezarás por composición o por código. Un sistema estable puede pedir un ajuste puntual; una pantalla nueva puede necesitar estudio de composición.
Hacer un cambio acotado
Ejecuta un comando pertinente o `detect`, y selecciona un hallazgo. Guarda diff y captura nueva en el mismo tamaño. No aceptes un grupo de ediciones sin relación por una sola regla convincente.
Si cambias un componente compartido, inspecciona otra página que lo utilice. Una mejora local puede romper otro recorrido.
Cerrar el registro
Anota hallazgo, razón de aceptar o rechazar y resultado de pruebas de aplicación. Deja visibles las preguntas que aún requieren usuarios reales.
Este ejercicio es una propuesta de EasyAI, no un flujo automático del producto. No se ejecutó en un sitio productivo para esta serie.
Cómo elegir
| Criterio | Opción A | Opción B |
|---|---|---|
| Best when | You need predictable behavior and easy auditing | You need adaptive optimization and have reliable telemetry |
| Main risk | May leave performance on the table | Can become difficult to explain or debug |
Pasos de implementación
- 1
Describe una página y conserva referencia.
- 2
Haz un cambio y guarda el diff.
- 3
Registra decisión y pruebas de regresión.
Ejemplo para copiar
revision_ui:
pagina: elegir-una
vistas: [escritorio, estrecha]
hallazgo: registrar
diff: revisar
prueba_usuarios: pendientePreguntas frecuentes
¿Se crea el registro automáticamente?
No. Es una práctica de equipo basada en comandos documentados.
¿Puedo omitir la pantalla móvil?
Una captura de escritorio no demuestra cómo funciona la vista estrecha.
Fuentes
- Impeccable / README.mdFuente verificada 2026-09-29
- Impeccable / docs/CLI-CONTRACT.mdFuente verificada 2026-09-29