Individual skill
compare-screenshots
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.
skills/visual/compare-screenshots/SKILL.md
Source commit 0867285d3f2612104afa6bb774779943854d4c15
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Local scripts
- Last checked
- Nov 9, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,470
- Repository last updated
- Nov 8, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skills Repository topic
- ai-agents Repository topic
- autonomous-agents Repository topic
- autoresearch Repository topic
- claude-code Repository topic
- code-review Repository topic
- codex Repository topic
- developer-tools Repository topic
- software-engineering Repository topic
- spec-driven-development Repository topic
- design Derived category
- writing Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 10,672 bytesreferences/reference-landmarks.mddoc · 3,016 bytesreferences/subagent-visual-review.mddoc · 3,695 bytesscripts/visual-parity-diff.eval.mjsruns · 13,936 bytesscripts/visual-parity-diff.mjsruns · 23,653 bytestest/fixtures/target-without-helper-packages/README.mddoc · 70 bytestest/fixtures/target-without-helper-packages/candidate/fixture.pngasset · 297 bytestest/fixtures/target-without-helper-packages/reference/fixture.pngasset · 297 bytestest/visual-parity-diff.test.mjsruns · 2,536 bytesvendor/pixelmatch/LICENSEasset · 738 bytesvendor/pixelmatch/index.jsruns · 12,015 bytesvendor/pixelmatch/package.jsonruns · 904 bytesvendor/pngjs/LICENSEasset · 1,150 bytesvendor/pngjs/lib/bitmapper.jsruns · 6,477 bytesvendor/pngjs/lib/bitpacker.jsruns · 4,670 bytesvendor/pngjs/lib/chunkstream.jsruns · 4,249 bytesvendor/pngjs/lib/constants.jsruns · 662 bytesvendor/pngjs/lib/crc.jsruns · 853 bytesvendor/pngjs/lib/filter-pack.jsruns · 4,279 bytesvendor/pngjs/lib/filter-parse-async.jsruns · 558 bytesvendor/pngjs/lib/filter-parse-sync.jsruns · 483 bytesvendor/pngjs/lib/filter-parse.jsruns · 4,798 bytesvendor/pngjs/lib/format-normaliser.jsruns · 2,366 bytesvendor/pngjs/lib/interlace.jsruns · 2,004 bytesvendor/pngjs/lib/packer-async.jsruns · 1,162 bytesvendor/pngjs/lib/packer-sync.jsruns · 1,193 bytesvendor/pngjs/lib/packer.jsruns · 3,723 bytesvendor/pngjs/lib/paeth-predictor.jsruns · 372 bytesvendor/pngjs/lib/parser-async.jsruns · 4,368 bytesvendor/pngjs/lib/parser-sync.jsruns · 2,580 bytesvendor/pngjs/lib/parser.jsruns · 7,720 bytesvendor/pngjs/lib/png-sync.jsruns · 252 bytesvendor/pngjs/lib/png.jsruns · 4,418 bytesvendor/pngjs/lib/sync-inflate.jsruns · 3,751 bytesvendor/pngjs/lib/sync-reader.jsruns · 1,114 bytesvendor/pngjs/package.jsonruns · 1,812 bytes
Read excerpt
# 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
1. **Establish the target.** Use the user-approved reference and stated design
requirements when available; do not replace them with your own taste. Otherwise
derive the target from the visual requirement, what the thing depicts in reality
and the domain skill that owns the look. Write it down in one or two
concrete sentences ("low sun should cast long shadows east; trees fill the