screenshot-diff
100 / 100 · Low risk
Fine to try.
Compare a rendered component against a design baseline pixel by pixel. Triggers on '/screenshot-diff <story-id>' (e.g. '/screenshot-diff story-26'), or when the user asks to 'звір з Figma-еталоном', 'screenshot diff проти baseline', 'перевір верстку по скриншоту'. Reads baselines/<feature>.png, renders the component on :5173, snapshots to tmp/, computes the diff, returns pass/fail plus a diff image.
What this skill can do
We found nothing in the files we read that matches our rules. That does not prove the skill is safe: see the limits of static scanning.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'screenshot-diff' ] || [ -L ~/.agents/skills/'screenshot-diff' ]; then echo 'A skill folder named screenshot-diff already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/genkovich/agentic-engineering-course-public' "$d" && git -C "$d" checkout --quiet '2dc9bdfa5d508a04d414fb0991617e6722ec635a' -- 'modules/7-execution-scale/7.6-feedback-loops/.claude/skills/screenshot-diff' && mkdir -p ~/.agents/skills && cp -R "$d"/'modules/7-execution-scale/7.6-feedback-loops/.claude/skills/screenshot-diff' ~/.agents/skills/'screenshot-diff' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'screenshot-diff' ~/.claude/skills/'screenshot-diff' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/genkovich/agentic-engineering-course-public/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-12 | 2dc9bdf | 100 |
| 2026-11-08 | 8f68d4d | 100 |