Clone Website

Overview

Reverse-engineer and rebuild $ARGUMENTS as a pixel-perfect Next.js clone. This skill uses Chrome MCP for automated reconnaissance, extracts exact CSS values and design tokens, generates component specs, dispatches parallel builder agents in git worktrees, and runs visual QA. Extraction and construction happen in parallel — each section gets a detailed spec file before any builder is dispatched.

Instructions

Pre-Flight

1. Chrome MCP is required. Test it immediately — this skill cannot work without browser automation.
2. Read TARGET.md for URL and scope. If the URL doesn't match $ARGUMENTS, update it.
3. Verify the base project builds: npm run build. Next.js + shadcn/ui + Tailwind v4 scaffold must be in place.
4. Create output directories: docs/research/, docs/research/components/, docs/design-references/, scripts/.

Guiding Principles