shot-compare-iterate
Render a built UI, screenshot it at the target viewport/DPR, compare it to the source image region by region, and iterate fixes until differences are cosmetic - with scripts for screenshots, state capture, interaction audit, diff heat maps and multi-viewport QA. Use for "스크린샷 비교", "픽셀 비교 반복 수정", "시안과 구현 차이 확인", "렌더링 비교 루프", "visual diff loop", "compare my render to the target image", "fix visual differences", "parity check".
Pinned to revision cb2330c1f074, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/shot-compare-iterate/SKILL.md
- skills/shot-compare-iterate/references/capture-and-diff.md
- skills/shot-compare-iterate/scripts/NOTICE.md
- skills/shot-compare-iterate/scripts/capture_visual_qa.mjs
- skills/shot-compare-iterate/scripts/compare.mjs
- skills/shot-compare-iterate/scripts/compare_visual_qa.mjs
- skills/shot-compare-iterate/scripts/shot.mjs
Every link opens the file at its source, pinned to the revision this page describes.