visual-verdict

name	visual-verdict
description	Structured visual QA for screenshot-to-reference comparisons. Activate when: visual verdict, screenshot compare, compare UI image, visual QA.
argument-hint	<screenshot and reference/context>

Visual Verdict

Use this skill to produce a concise, evidence-based visual comparison between an actual screenshot and a reference image or written visual spec.

Workflow

1. Identify the actual artifact and the expected reference.
2. Compare layout, spacing, typography, colors, states, responsive behavior, and accessibility-visible cues.
3. Classify differences by severity: blocking, major, minor, cosmetic.
4. Return a verdict: pass, pass-with-notes, or fail.

Output

• Verdict
• Evidence observed
• Severity-rated differences
• Recommended fixes
• Unknowns or missing artifacts

Rules

• Do not invent visual evidence that is not present.
• If only one image is available, compare against the written spec and call out the weaker confidence.
• Prefer actionable UI fixes over broad design commentary.