visual-compare
CommunitySpot UI differences quickly and fix visual gaps.
AuthorJDerekLomas
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Visual comparison of a reference app against a replica build. Screenshots both via Chrome DevTools, uses Claude vision to identify differences, generates gap reports. Use when asked to compare, audit visuals, check replication fidelity, or run a visual diff.
Core Features & Use Cases
- Full visual diff between reference and replica across routes
- Generate structured gap reports with actionable items
- File issues linked to ground-truth reference images and replica captures
Quick Start
Run a full visual comparison between a reference app and its replica, generate a gap report, and file issues for any visual discrepancies.
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-compare Download link: https://github.com/JDerekLomas/claude-code-skills/archive/main.zip#visual-compare 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.