regression-visual
CommunityDetect UI regressions with screenshots.
Software Engineering#automation#UI testing#frontend testing#visual regression#screenshot comparison#pixel diff
Authorjmagly
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the detection of visual and UI regressions in web applications by comparing screenshots and analyzing pixel differences, ensuring UI consistency across changes.
Core Features & Use Cases
- Automated Screenshot Capture: Captures UI states across various browsers and viewports.
- Pixel-Level Comparison: Compares current screenshots against established baselines to identify discrepancies.
- Regression Categorization: Classifies detected differences into types like layout shifts, color changes, and missing elements.
- Use Case: After deploying a new version of a website, this Skill can automatically verify that no unintended visual changes have occurred on key pages, preventing broken layouts or styling issues from reaching production.
Quick Start
Run visual regression tests for the current UI against the established baseline.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: regression-visual Download link: https://github.com/jmagly/aiwg/archive/main.zip#regression-visual Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.