Diff

Skill Dragoon0x/dragoon-skills/skills/diff

Scaffold a playwright visual regression test suite that takes per-route full-page screenshots and compares against committed baselines. Pixel diffing is done by playwright's toHaveScreenshot, not by dragoon. Use when the user wants visual regression coverage. Pass --routes to set the routes to capture. Defaults to dry-run; pass --apply to write. Run as `node ~/.claude/skills/dragoon/skills/diff/scripts/diff.js`.From its SKILL.md

Install

npx -y skills add Dragoon0x/dragoon-skills --skill diff

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
runs commandsInstructs the agent to run 7 commands, including `dragoon diff` and 6 more.

SKILL.md

1.3 KB, 222 tokens by cl100k_base, as published. Nobody here has run it

/diff

Scaffolds visual regression with playwright snapshots.

When to use

The user wants visual regression coverage
"Set up screenshot diffing", "snapshot tests", "pixel diff"
Before any major UI refactor

What it writes

playwright.visual.config.ts snapshot-tuned config
tests/visual/routes.ts list of routes to capture (default /)
tests/visual/snapshots.spec.ts spec that loops routes and runs toHaveScreenshot

Pixel diffing is done by playwright's built-in toHaveScreenshot, not by dragoon. We just generate the harness.

Run it

dragoon diff
dragoon diff --apply
dragoon diff --apply --routes "/,/about,/login"

Then

npm i -D @playwright/test
npx playwright install --with-deps chromium
npx playwright test tests/visual --update-snapshots   # first time, baselines
npx playwright test tests/visual                      # after that, regression

What ships with it: 1 file

4.1 KB alongside SKILL.md, 1 of them executable

scripts/

diff.jsruns4.1 KB