veredito-visual

<Propósito> Use este skill para comparar capturas de tela de UI geradas com uma ou mais imagens de referência e retornar um veredito JSON estrito que pode orientar a próxima iteração de edição. </Propósito>

<Usar_Quando>

• A tarefa inclui requisitos de fidelidade visual (layout, espaçamento, tipografia, estilo de componentes)
• Você tem uma captura de tela gerada e pelo menos uma imagem de referência
• Você precisa de orientação determinística de aprovação/reprovação antes de continuar as edições </Usar_Quando>

<Contrato_de_Saída> Retorne apenas JSON com esta forma exata:

{
  "score": 0,
  "verdict": "revise",
  "category_match": false,
  "differences": ["..."],
  "suggestions": ["..."],
  "reasoning": "explicação curta"
}

Regras:

• score: inteiro 0-100
• verdict: status curto (pass, revise ou fail)
• category_match: true quando a captura de tela gerada corresponde à categoria/estilo de UI pretendido
• differences[]: discrepâncias visuais concretas (layout, espaçamento, tipografia, cores, hierarquia)
• suggestions[]: próximas edições acionáveis vinculadas às diferenças
• reasoning: resumo de 1-2 frases </Contrato_de_Saída>

<Threshold_E_Loop>

• O limite de aprovação alvo é 90+.
• Se score < 90, continue editando e reexecute /oh-my-claudecode:visual-verdict antes de qualquer revisão visual adicional.
• Não considere a tarefa visual como concluída até que a próxima captura de tela ultrapasse o limite. </Threshold_E_Loop>

<Visualização_de_Debug> Quando o diagnóstico de incompatibilidade for difícil:

1. Mantenha $visual-verdict como a decisão oficial.
2. Use ferramentas de diferença em nível de pixel (pixel diff / sobreposição pixelmatch) como um auxílio de debug secundário para localizar pontos críticos.
3. Converta os pontos críticos da diferença de pixel em atualizações concretas de differences[] e suggestions[]. </Visualização_de_Debug>

Tarefa: {{ARGUMENTS}}