Individual skill
visual-regression-testing
Detect unintended visual changes in UI by comparing screenshots across versions. Use for visual regression, screenshot diff, Percy, Chromatic, UI testing, and visual validation.
skills/visual-regression-testing/SKILL.md
Source commit 3f5182cfd739fc113f4af5244a1cf342ad7f7911
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Local scripts
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 381
- Repository last updated
- Mar 4, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- design Derived category
- testing Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 3,364 bytesreferences/backstopjs-configuration.mddoc · 1,489 bytesreferences/chromatic-for-storybook.mddoc · 1,624 bytesreferences/cypress-visual-testing.mddoc · 1,845 bytesreferences/handling-dynamic-content.mddoc · 800 bytesreferences/percy-visual-testing.mddoc · 1,464 bytesreferences/playwright-visual-testing.mddoc · 2,386 bytesreferences/testing-responsive-components.mddoc · 632 bytestemplates/component-template.tsxruns · 318 bytes
Read excerpt
# Visual Regression Testing
## Table of Contents
- [Overview](#overview)
- [When to Use](#when-to-use)
- [Quick Start](#quick-start)
- [Reference Guides](#reference-guides)
- [Best Practices](#best-practices)
## Overview
Visual regression testing captures screenshots of UI components and pages, then compares them across versions to detect unintended visual changes. This automated approach catches CSS bugs, layout issues, and design regressions that traditional functional tests miss.