How minosdevs/copycat-skill works
copycat is a Claude Code skill and companion Node scripts for reproducing a website from a URL and measuring the result. The documented workflow captures the original across viewports, extracts browser-visible design and content, guides a section-by-section rebuild, then compares the clone using pixel and design diffs plus console checks. The graph separates capture, extraction, rebuild guidance, and verification. Capture and compare wiring is based on sampled excerpts; rebuild details and other documented capabilities are represented at the documented subsystem level.
Main entry points: compare.mjs Compare Runner · capture.mjs Capture Runner · lib.mjs Capture Helpers · extract.browser.js Design Extractor
Components 17
Original Capture
- Capture Runner
scripts/capture.mjs - Playwright Browser
- Capture Helpers
scripts/lib.mjs - Capture Artifacts
Page Extraction
- Design Extractor
scripts/extract.browser.js
Rebuild Guidance
- Workflow Instructions
SKILL.md - Fidelity Checklist
references/fidelity-checklist.md - Rebuild Recipes
references/rebuild-recipes.md - Troubleshooting Guide
references/troubleshooting.md
Clone Verification
- Compare Runner
scripts/compare.mjs - Pixel Diff
scripts/compare.mjs - Design Diff
scripts/compare.mjs - Comparison Report
Other components
- User
- Claude Code
- Original Website
- Local Clone
Connections 21
- User → Claude Code: requests clone
- Claude Code → Workflow Instructions: follows workflow
- Claude Code → Capture Runner: runs capture
- Capture Runner → Playwright Browser: opens pages
- Playwright Browser → Original Website: navigates
- Capture Runner → Capture Helpers: uses helpers
- Capture Runner → Design Extractor: evaluates
- Design Extractor → Playwright Browser: reads page
- Capture Runner → Capture Artifacts: writes captures
- Capture Helpers → Capture Artifacts: writes images
- Claude Code → Fidelity Checklist: checks details
- Claude Code → Rebuild Recipes: uses recipes
- Claude Code → Troubleshooting Guide: consults
- Claude Code → Local Clone: builds locally
- User → Compare Runner: runs comparison
- Compare Runner → Capture Artifacts: reads original
- Compare Runner → Playwright Browser: opens clone
- Playwright Browser → Local Clone: navigates
- Compare Runner → Pixel Diff: measures pixels
- Compare Runner → Design Diff: checks design
- Compare Runner → Comparison Report: writes results