dev-visual-verdict
OfficialCatch unintended UI regressions fast
AuthorEvolutionAPI
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Detects unintended visual changes after frontend modifications by automating before-and-after screenshots and pixel/layout comparisons so regressions are discovered early and triaged quickly.
Core Features & Use Cases
- Baseline Capture: Save screenshots of targeted components or pages before changes are applied.
- After Capture & Comparison: Capture post-change screenshots and perform pixel-level or layout-aware diffs to quantify visual drift.
- Structured Verdicts: Produce a human-readable report with embedded images, diff metrics, and a final verdict (IDENTICAL / EXPECTED CHANGES / UNEXPECTED REGRESSION).
- Use Case: Verify a CSS refactor did not unintentionally alter multiple shared components across themes and break responsive layouts.
Quick Start
Capture baseline and after screenshots for the Header, Footer, and LoginCard components and generate a visual verdict report.
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: dev-visual-verdict Download link: https://github.com/EvolutionAPI/evo-nexus/archive/main.zip#dev-visual-verdict 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.