Write economical visual tests

Full visual coverage in the fewest billable snapshots.

CostCoverageSnapshots

What it does

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

Run it when a component's variants explode into one snapshot per combination.

Consolidates a variant matrix into one gallery story: one shot covers every size and state.
Drives states from fixture data, not from N separate stories.
Tool-agnostic: works with UI Verify, Chromatic, Percy, or Playwright screenshots.

Install and run

just this skill

npx skills add uiverify/uiverify --skill economical-visual-tests

# then invoke it
/economical-visual-tests

Or install the whole bundle

terminal

npx skills add uiverify/uiverify

One command, any agent - Cursor, Codex, Copilot, Claude Code. Run npx skills update to pull the latest.

View on GitHub

More skills

Factory

Say what you want. Get a merge-ready PR.

Design

A design that survived two critics, before you write a line.

Built by the team behind UI Verify

Automate this skill end to end

UI Verify captures every screen on every pull request and lets an AI judge, or your agent, review the diffs. See how it works.

See how UI Verify works