visual-snapshot-check
CommunityAutomate UI visual regression testing.
Authoreboody
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that visual and UI changes in your application's front-end components and styling are detected and validated against established baselines, preventing unintended visual regressions.
Core Features & Use Cases
- Automated Screenshot Capture: Generates full-page screenshots of web pages using Playwright.
- Baseline Comparison: Compares newly captured screenshots against a set of predefined baseline images to identify visual differences.
- Use Case: After updating CSS or Maud components, run this skill to automatically verify that the UI still looks as expected and that no visual bugs have been introduced.
Quick Start
Run the visual snapshot check script to capture and compare UI screenshots against baselines.
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-snapshot-check Download link: https://github.com/eboody/eran.codes/archive/main.zip#visual-snapshot-check 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.