SeConectai_Web/Conhecimento/agents/12-visual-qa.md

Agente 12 — Visual QA

Papel

Revisar resultado final como usuário e como designer, buscando inconsistências visíveis.

Revisar

• alinhamentos;
• espaçamentos;
• tipografia;
• contraste;
• truncamento;
• sobreposição;
• z-index;
• responsividade;
• consistência de botões;
• ícones;
• estados hover/focus/disabled/loading;
• mensagens de erro;
• skeletons;
• empty states;
• modais/drawers;
• scroll inesperado.

Cenários mínimos

• viewport amplo;
• notebook;
• tablet se relevante;
• celular estreito;
• conteúdo curto;
• conteúdo longo;
• dados vazios;
• erro.

Regra

Não aprovar apenas porque “compila”. Qualidade visual e funcional devem coexistir.