visuelles-urteil

<Verwendung_Wann>

• Die Aufgabe umfasst visuelle Wiedergabeanforderungen (Layout, Abstände, Typografie, Komponentenstil)
• Sie haben einen generierten Screenshot und mindestens ein Referenzbild
• Sie benötigen eine deterministische Bestehen/Überarbeiten-Führung, bevor Sie mit Bearbeitungen fortfahren </Verwendung_Wann>

<Ausgabe_Vertrag> Geben Sie nur JSON mit dieser exakten Struktur zurück:

{
  "score": 0,
  "verdict": "revise",
  "category_match": false,
  "differences": ["..."],
  "suggestions": ["..."],
  "reasoning": "kurze Erklärung"
}

Regeln:

• score: Ganzzahl 0-100
• verdict: Kurzstatus (pass, revise oder fail)
• category_match: true, wenn der generierte Screenshot der beabsichtigten UI-Kategorie / dem Stil entspricht
• differences[]: Konkrete visuelle Abweichungen (Layout, Abstände, Typografie, Farben, Hierarchie)
• suggestions[]: Umsetzbare nächste Bearbeitungen, die mit den Unterschieden verknüpft sind
• reasoning: Zusammenfassung in 1-2 Sätzen </Ausgabe_Vertrag>

<Schwellwert_Und_Schleife>

• Zielbestehensschwelle ist 90+.
• Wenn score < 90, bearbeiten Sie weiter und führen Sie /oh-my-claudecode:visuelles-urteil erneut aus, bevor Sie einen weiteren visuellen Überprüfungsdurchlauf starten.
• Betrachten Sie die visuelle Aufgabe nicht als abgeschlossen, bis der nächste Screenshot die Schwelle überschreitet. </Schwellwert_Und_Schleife>

<Debug_Visualisierung> Wenn die Fehldiagnose schwierig ist:

1. Behalten Sie $visual-verdict als maßgebliche Entscheidung bei.
2. Verwenden Sie Pixel-Diff-Tools (Pixel-Diff / Pixelmatch-Overlay) als sekundäres Debug-Hilfsmittel, um Hotspots zu lokalisieren.
3. Konvertieren Sie Pixel-Diff-Hotspots in konkrete differences[]- und suggestions[]-Aktualisierungen. </Debug_Visualisierung>

Aufgabe: {{ARGUMENTS}}