webflow-to-reactlisted

# Webflow → React (1:1, visually verified) Recreate a Webflow page in React so faithfully that automated screenshot comparison can't tell the copy from the original — and prove it with Playwright. ## Core principle **The visual diff is the spec.** The job is done when the React copy's full-page screenshots match the captured Webflow baselines, within tolerance, at every breakpoint. Everything in this skill exists to drive and verify that match. Build in a tight loop: capture once → build a section → compare → read the diff image → fix the cause → repeat. ## When to use vs. not - Use for: cloning/porting a Webflow page or multi-page site into React; rebuilding a marketing/landing page off Webflow; adding visual-regression coverage that grades a rebuild against an original URL. - Not the right fit for: building a brand-new design from scratch (use a design skill), or backend/app logic unrelated to the visual rebuild. ## Inputs to gather first Confirm these with the user before scaffolding (ask only what's unclear): 1. **Source** — published URL (default) or a Webflow export ZIP? → `references/01-capture-source.md` 2. **Target framework** — Vite + React (default) or Next.js (SSR/SEO)? → `references/02-project-setup.md` 3. **Styling strategy** — preserve Webflow CSS (default, fastest to 1:1) or rebuild in Tailwind/CSS Modules? → `references/03-styling-fidelity.md` 4. **Scope** — which routes/pages, and the viewports that matter. Sensible defaults if the user has