# Compare Screenshots

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

- Repository: https://github.com/dzhng/skills (1394 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add dzhng/skills --skill compare-screenshots -g -a claude-code -y`
Codex: `npx skills add dzhng/skills --skill compare-screenshots -g -a codex -y`
Cursor: `npx skills add dzhng/skills --skill compare-screenshots -g -a cursor -y`
Gemini CLI: `npx skills add dzhng/skills --skill compare-screenshots -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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](../design-with-images/SKILL.md) for the full exploration-to-implementation loop.

## Workflow

The rest: https://github.com/dzhng/skills/blob/HEAD/skills/visual/compare-screenshots/SKILL.md