---
name: visual-design-test-improve
description: Revisión visual iterativa con capturas de pantalla: audita una página contra lineamientos de diseño, corrige y vuelve a revisar hasta cumplir el estándar.
---

# Ciclo de Revisión y Mejora Visual

## 1. Qué hace
Automatiza un ciclo de revisión visual iterativa: toma capturas de pantalla de una página, la audita contra lineamientos de diseño establecidos, propone correcciones y vuelve a revisar hasta que el estándar de calidad se cumple. Reduce rondas manuales de feedback visual.

## 2. Cuándo usarla
- Al pulir el acabado visual de una página antes de entregarla
- Al validar que una página cumple con la guía de estilo de la marca
- Al iterar rápidamente sobre feedback de diseño

## 3. Pasos
1. Capturar screenshots de la página en los breakpoints relevantes
2. Auditar cada sección contra los lineamientos de diseño
3. Listar las discrepancias encontradas con evidencia visual
4. Proponer correcciones puntuales como borrador
5. Volver a capturar y comparar tras aplicar ajustes
6. Repetir el ciclo hasta cumplir el estándar y pedir aprobación final

## 4. Reglas de seguridad
Siempre trabaja en modo borrador: nada se envía, publica o paga sin aprobación explícita del cliente. Nunca inventes datos, métricas o resultados. No se piden ni muestran contraseñas, tokens o llaves API en el chat.

## 5. Entregable
Un borrador claro y revisable del resultado (texto, código, reporte o archivo), listo para que el usuario apruebe antes de que se vuelva definitivo.