Deterministic Storybook stories

Stop story diffs that come back changed without a real change.

StorybookDeterminismFlake

What it does

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.

Run it when a story diffs every run for no real reason.

Pins the sources of flake a story owns, so a red build means a real change.
Leaves the flake classes the capturer already kills alone, no busywork.
Narrow by design: story isolation removes most of the hard cases for free.

Install and run

just this skill

npx skills add uiverify/uiverify --skill storybook-visual-testing

# then invoke it
/storybook-visual-testing

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.

Review loop

Review and fix until the diff is actually clean.

UI Verify

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