Diff

Skill Dragoon0x/dragoon-skills/skills/diff

design intelligence for ai coding agents. one unified cli, 36 commands across recon, review, build, plan, ship, test, reflect, power. zero npm deps.

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.

One thing 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.

What its author says it does

Copied from the file, not written here

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`.

SKILL.md

1.3 KB, 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