What problem does it solve? Manually rebuilding an existing website requires tedious inspection of CSS values, assets, fonts, and interactive behaviors, and approximations lead to clones that look wrong or feel broken. This Skill automates the full reverse-engineering pipeline from live site inspection to a working Next.js codebase. ## Core Features & Use Cases - Automated Extraction: Uses Chrome MCP to capture screenshots, computed CSS via getComputedStyle(), fonts, colors, images, videos, and SVG icons from any live URL. - Behavior & Interaction Capture: Documents scroll-driven animations, hover states, tab switching, and smooth-scroll libraries so the clone behaves like the original, not just looks like it. - Parallel Builder Agents: Writes per-component spec files and dispatches builder agents in git worktrees to construct sections concurrently, then merges and verifies the build. - Use Case: Provide a marketing site's URL and receive a pixel-perfect Next.js + Tailwind + shadcn/ui replica with real content, assets, and responsive layouts at desktop, tablet, and mobile widths. ## Quick Start Ask the AI to clone a website by providing the target URL, for example: clone https://example.com and rebuild it as a pixel-perfect Next.js site.
