visual-regression-checker
CommunityDetect UI regressions with screenshots.
AuthorBruceTyndall
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automatically detects unintended visual changes in web application UIs by comparing screenshots against a baseline, preventing visual regressions.
Core Features & Use Cases
- Baseline Capture: Generates initial screenshots of key application pages to serve as a reference.
- Comparison: Compares newly captured screenshots against the established baseline to identify visual differences.
- Diff Reporting: Highlights discrepancies and can output results in a structured format for review.
- Use Case: After deploying a new feature, run this skill to ensure that existing UI elements haven't been inadvertently altered, maintaining a consistent user experience.
Quick Start
Run the visual regression checker skill to capture baseline screenshots for the specified pages.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: visual-regression-checker Download link: https://github.com/BruceTyndall/socelle-global/archive/main.zip#visual-regression-checker 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.