Sit
Reggie opens the page in Playwright and holds very still for the baseline. Already shipped the change? He digs the old one up out of git.
capture --slot before
A Claude Code skill
Visual proof for every UI change.
Your agent says it fixed the spacing. Reggie goes and looks. He grabs the before, grabs the after, writes one honest sentence, and posts it to the pull request — so nobody has to ask “can you screenshot that?”
Playwright
Filestack
GitHub CLI
No GitHub Actions
GOOD CHANGE
Fetched the screenshots.
BEFORE
AFTER
CAPTURE BEFORE
✦
MAKE THE CHANGE
✦
CAPTURE AFTER
✦
UPDATE THE PR
01
How Reggie works
Sit. Fetch. Compare. Report.
Fetch
Work’s done. Reggie goes back for the same route, same viewport, same state, same fixtures. No flattering angles.
capture --slot after
Compare
Claude writes one plain sentence about what moved. Reggie builds the side-by-side card. Squinting between two tabs is over.
add --title --summary
Report
The card goes up to Filestack and lands in one PR comment. The same comment, every run. Reggie is not a spammer.
publish --pr 184
02
One comment, every change
Every change, one tidy comment.
One persistent comment
A hidden marker means Reggie edits the same comment forever instead of burying the PR in screenshots.
Multiple visual changes
Every route, component, viewport, and hover state gets its own tidy section.
Useful language
One sentence on what actually changed. No “updated CSS.” No “UI fixes.” No vibes.
Agent-driven
No workflow file, no CI minutes. Claude grabs the baseline while it still exists.
Reggie’s Visual Changes
2 visual changes documented for this pull request.
1. Sidebar navigation is easier to scan
The navigation now groups workspace tools under clearer labels and gives the active section stronger visual emphasis.
BEFORE
AFTER
2. Account menu has clearer actions
The account menu now separates profile actions from workspace controls and uses clearer spacing.
Late is fineRebuilds the before from your base commit
Stable capturesFonts settled, motion off, masks on
Polished cardsTitle, sentence, before, after
Public assetsStraight to Filestack, no CI
Quiet PRsOne comment. One hidden marker.
Install Reggie
Don’t install it. Ask for it.
Reggie is a Claude Code skill, so Claude can go and fetch him. Copy the prompt, paste it into Claude Code, and it downloads, unzips, installs, and checks its own work while you watch.
Paste into Claude Code
Install the Reggie skill for me — read https://reggie.farmwork.dev/install.md and follow it, then set it up for this project and tell me if you need anything from me.
Then run /reggie whenever you want a change documented. He stays in his kennel until you call him.
Good dog. Better pull requests.