Agent skills

Skills that make visual testing agent-proof

Drop-in workflows a coding agent runs in your repo to set up and operate visual testing the right way: cheap stories, deterministic captures, and diffs it triages itself. Free to copy, no account needed.

Storybook / Playwright

Set up visual testing

End-to-end onboarding: detect or scaffold the capture path, install the CLI and wire it into CI, and author the first stories the economical, deterministic way from the start.

SetupCIOnboarding

View skill

8×fewer snapshots

Write economical stories

Every per-snapshot tool renders and bills per story, so the story count is the cost and the noise surface. This collapses an exploding variant matrix into a handful of shots while keeping full coverage.

StorybookCostCoverage

View skill

Storybook

Deterministic Storybook stories

Focuses only on the run-to-run variation the capturer cannot neutralize from outside your app: the clock, infinite JS animations, live data, and non-Math.random randomness. It deliberately skips what UI Verify already handles for you.

StorybookDeterminismFlake

View skill

Playwright

Deterministic Playwright captures

For @uiverify/playwright archive-replay captures: whatever the page was at capture time is baked in forever, so the fix is to drive the page to one canonical state before the snapshot. A symptom-to-lever checklist for the variation you probably have.

PlaywrightDeterminismFlake

View skill

Storybook / Playwright

Triage a build from your agent

When a build comes back changed, your agent does the review from the terminal over the UI Verify MCP: read what changed, look at the pixels when a number is ambiguous, then summarize the real regressions or accept baselines in bulk.

MCPAgentsReview

View skill

Install

One command, then invoke by name

The skills ship as a Claude Code plugin, or copy the folders into any other agent. Each is a plain SKILL.md, no runtime code.

Claude Code

/plugin marketplace add uiverify/uiverify
/plugin install uiverify@uiverify
# then invoke it
/uiverify:setup-visual-testing

Recommended. This repo is a plugin marketplace, so it is one command.

View on GitHub

UI Verify

Built by the team behind UI Verify

The tool these skills were built for

UI Verify snapshots every component and page on every pull request, then an AI judge tells an intended change from a real regression. See how it works.

See how UI Verify works