Visual Validation — Autonomous Screenshot Verification
CommunityAuto-verify UI changes with screenshot diffs
Design & Creative#visual regression#dashboard testing#peekaboo#gemini flash#ui quality#baseline comparison#screenshot verification
Authoralinaqi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents visual regressions by replacing subjective “looks good” checks with automated screenshot comparison that flags unintended UI changes.
Core Features & Use Cases
- Pixel-accurate screenshot capture: Uses Peekaboo to capture deterministic before/after images (screen-wide or focused windows) for UI changes.
- Baseline comparison with AI triage: Compares the latest screenshot against prior baselines and uses Gemini Flash to identify whether changes are clean or regression-level.
- Autonomous workflow integration: Leverages an auto-review hook for static/ changes and a testkit plugin for visual regression checks during POST /api/testkit/run, plus optional build-in-public capture.
Quick Start
Ask an assistant to run a verification cycle by capturing a new Peekaboo screenshot after your static/ change, comparing it to the latest baseline in ~/.maggy/visual-verify/, and then using Gemini Flash to report whether the result is CLEAN or REGRESSION_DETECTED with specific issues.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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 Validation — Autonomous Screenshot Verification Download link: https://github.com/alinaqi/maggy/archive/main.zip#visual-validation-autonomous-screenshot-verification 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 471,000+ vetted skills library on demand.