domains / families / design / compare-screenshots

compare-screenshots

separate

Compare screenshots against the intended design, distinguishing approved references from historical baselines. Use for iterative implementation matching, before/after visual review, objective image telemetry, or checking a lone capture for flat, empty, or badly framed content.

When to use

• iterative implementation matching
• before/after visual review
• objective image telemetry
• checking lone captures for flat or empty content
• distinguishing approved references from baselines
• judging visual divergences against targets
• generating visual comparison artifacts
• resolving mismatches to approved targets

When not to use

• full exploration-to-implementation loop
• deciding correctness based solely on metrics
• replacing user-approved design with personal taste
• quietly defaulting to baseline to avoid asking user

Skill page

Source