Skills

Compare Screenshots

Compare screenshots against the intended design, distinguishing approved references...

Install

npx skills add dzhng/skills --skill compare-screenshots -g -a claude-code -y
Repository
dzhng/skills1.4k
Category
Design
Updated
3d ago
License
MIT
Context cost
Mediumabout 2,580 tokens
Runs scripts
Yes, review before use

What it does

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.

Compare Screenshots

Judge images against the intended result. A user-approved design is the target; a historical baseline is only an earlier attempt and may be wrong. Metrics locate differences, never decide correctness. Use design-with-images for the full exploration-to-implementation loop.

Workflow

Read the whole SKILL.md on GitHub

More in Design