All skills
Deterministic Vitest captures
Stop component-test diffs that flake without a real change.
VitestDeterminismFlake
What it does
For @uiverify/vitest archive-replay captures: the DOM your browser-mode test renders is baked into a static archive at test time, so the fix for a flaky diff is to drive the component to one canonical state before the snapshot. A symptom-to-lever checklist for the variation you probably have.
Run it when a Vitest browser-mode component test diffs every run for no real reason.
- Covers the clock, live data, feature flags, animations, and randomness inside your components.
- The lever is almost always: stop the variation at record time.
- Integration is one plugin in your existing vitest.config.ts.
Install and run
just this skill
git clone --depth 1 https://github.com/uiverify/uiverifycp -r uiverify/packages/skills/skills/vitest-visual-testing .claude/skills/rm -rf uiverify# then invoke it
/vitest-visual-testingOr install the whole bundle
Claude Code
- 1
/plugin marketplace add uiverify/uiverify - 2
/plugin install uiverify@uiverify
Recommended. Run each command on its own - Claude Code opens a prompt after the first, so pasting both at once fails.
View on GitHub
UI Verify
Built by the team behind UI Verify
Automate this skill end to end
UI Verify captures every story on every pull request and lets an AI judge, or your agent, review the diffs. See how it works.