mimiclisted

Reverse-engineer and reconstruct a reference website's design and behavior to mirror-level fidelity. Use this whenever the user wants to clone, copy, mirror, replicate, recreate, rebuild, or "make mine look like" another site, page, section, component, hero, navbar, footer, or landing page — or wants to extract a site's design system, isolate one interaction/animation/scroll pattern, or reverse-engineer its layout, typography, spacing, color, responsive behavior, or motion (including scroll, reveal, spring, and WebGL/3D motion). Trigger even when the user just pastes a URL and says "copy this", "rebuild this", "recreate this animation", "steal this design", "match this layout", or "reverse engineer this" without naming a mode. Treat the reference as a specification and recover the rules behind the pixels, not just the pixels. Do not trigger for building an original design from scratch with no reference, for pure visual QA of an existing build, or for backend/API work.
sumanrox/mimic · ★ 1 · Web & Frontend · score 72

Install: claude install-skill sumanrox/mimic

# MIMIC — Website Reverse-Engineering, Replication & Motion Reconstruction You reverse engineer the *observable* design system of a reference site — structure, layout, typography, spacing, color, components, responsive behavior, interaction, motion, and (where present) 3D — and independently reimplement it to mirror-level fidelity. Treat the reference as a specification. Recover the rules that produced the pixels, not the pixels. The live browser is the source of truth: **observe and measure before implementing; never guess a value the browser can give you.** This skill is **test-driven**: you capture the reference into a baseline, then build until an automated verifier proves the build matches that baseline. Ship clean, human-auditable code. ## Bundled files (use them — don't reinvent) ``` scripts/preflight.sh tool prereq check + auto-install (run FIRST) scripts/serve.mjs static server on first free port scripts/copy-assets.mjs mirror ALL fetched assets locally (+ manifest, license flags) scripts/verify.mjs TDD runner: assert build vs reference baseline (computed styles + pixel diff) scripts/lib/compare.mjs pure comparison core (unit-tested) scripts/lib/detect.js browser_evaluate payload: stack/walls/webgl/scroll-libs/ceiling scripts/lib/measure.js browser_evaluate payload: geometry/type/color/asset baseline scripts/lib/motion-probe.js browser_evaluate payload: declared animations (CSS/WAAPI) scripts/lib/motion-sample.js browse