Instructions file
Instructions for voidmatcha/ui-clone-skills, a project described as: Motion forensics for the animated web. A Claude Code & Codex plugin that reverse-engineers a live URL into React + Tailwind — pulling real CSS + animation params from JS bundles (GSAP/Framer Motion/Webflow IX2) and verifying with AE/SSIM diff, not…
Hook
Runs when you submit a prompt, before the agent sees it, executing shim.sh. From voidmatcha/ui-clone-skills.
Hook
Runs when the agent finishes a response, executing shim.sh. From voidmatcha/ui-clone-skills.
Hook
Runs when a session starts, executing shim.sh. From voidmatcha/ui-clone-skills.
Hook
Runs after the context is compacted, executing shim.sh. From voidmatcha/ui-clone-skills.
Skill Claude CodeCodex
Local-only regression / benchmark skill for ui-clone-skills maintainers. Drives the standard ui-reverse-engineering pipeline against the canonical reference site (https://realfood.gov) and records AE/SSIM, iteration count, gate fail counts, and outcome to benchmark/history.csv so prompt / sub-doc / model-version drift…
Skill Claude CodeCodex
Capture website visuals and behavior: screenshots, scroll, hover, mouse, parallax, timers, and comparison evidence.
Skill Claude CodeCodex
Recreate a website/page/section visual design in code from a URL: layout, typography, colors, assets, responsive UI.
Skill Claude CodeCodex
Compare reference vs implementation with AE/SSIM/pixel diff; find visual mismatches when UI looks off or doesn't match.