Agent skills
snapcode-pr
Recipe
Pull request descriptions: diff images of the key hunks, before/after pairs, and verification evidence that make reviews fast.
snapcode-pr/SKILL.md
Snapcode PR
A recipe skill for pull request descriptions that use Snapcode images well. It assumes the `snapcode` base skill is installed — that skill owns render mechanics; this one owns *what a good PR description looks like and where images belong in it*.
PR structure that works
Reviewers decide in seconds whether a PR is safe. Give them, in order:
- What + why — two or three sentences: what changed and the reason. No images here.
- The change, visualized — for anything touching important logic, a Snapcode diff image of the key hunk. Reviewers grasp a colored diff faster than a wall of description.
- How to verify — steps or screenshots proving it works (see test evidence below).
- Risk + rollback — what could break, how to revert. Text only.
Where each image goes
Rules
- Diffs for logic, not for everything. One or two diff images of the hunks that matter. A PR description with ten images is as unreadable as one with none.
- Link the full diff too. The image is a summary; always keep GitHub's file links for line-level review. Images never replace reviewable text.
- Keep hunks short. Use
--linesto show the 5–20 lines around the change, with a line or two of context — not the whole file. - Match the repo's tone. Default to
github-dark; if the project README uses light visuals, match that instead. - Store images in `.github/assets/` and reference with relative paths. Images committed with the PR survive branch deletion; paste-uploads sometimes rot.
- Regenerate after rebase. If the code changed after review feedback, re-render the diff image — a stale image is worse than none.
Workflow
- Identify the 1–2 hunks a reviewer must understand to approve.
- Extract the changed region to a scratch file (or use the real file with
--lines). - Render the diff (base skill):
snapcode generate --file src/parser.ts --lines 40-58 --diff added:44-50,removed:41 --title parser.ts --out .github/assets/pr-123-diff.png - Write the description: what/why, the image(s) with a one-line caption each, verification steps, risk.
Claude Code
mkdir -p ~/.claude/skills/snapcode-pr && curl -sLo ~/.claude/skills/snapcode-pr/SKILL.md https://getsnapcode.dev/skills/snapcode-pr/SKILL.md
Cursor
mkdir -p .cursor/rules && curl -sLo .cursor/rules/snapcode-pr.md https://getsnapcode.dev/skills/snapcode-pr/SKILL.md