OzeroHAX

testing-visual-regression

Visual regression (baseline diffs, UI stabilization)

OzeroHAX 33 7 Updated 3mo ago
GitHub

Install

npx skillscat add ozerohax/assistagents/testing-visual-regression

Install via the SkillsCat registry.

SKILL.md
List of pages/components for visual coverage Baseline version and update rules Browsers and viewports Dynamic areas to mask Diff sensitivity threshold Theme/locale requirements </input_requirements>



Stabilize data and state (fixtures/seed)
Disable animations and auto-updates when needed
Fix fonts, theme, and locale
Fix viewport size and scale

Screenshots are reproducible and deterministic Comparison is done against the correct baseline Dynamic areas are masked or stabilized Changes are confirmed by a human (review) The tool and comparison version are recorded </execution_rules> Critical screens and user flows High-variance UI components Tables, forms, charts, modals Different viewports and themes Expected output and baseline match by version Diff threshold is documented Results include artifact links Reasons for baseline updates are recorded </quality_rules> Do not update baseline without reviewing changes Do not compare screenshots with unstable data Do not mix different locales/themes in one baseline </do_not> Compare a product card across 3 viewports with fixed data Verify visual changes in a modal after an update </example_checks>