What problem does it solve? Migrating a Webflow site to a maintainable React codebase is error-prone: fonts silently fall back, CSS cascade order breaks hidden elements, SSR functions crash on first request, and Netlify UI settings override netlify.toml. This Skill provides a strict, ordered migration workflow that preserves pixel parity while producing idiomatic React components instead of injected HTML blobs. ## Core Features & Use Cases - Structured migration workflow: An 18-step checklist covering export audit, TanStack Start scaffolding, asset and CSS migration, Storybook setup, SOT component creation, route composition, and deployment. - Pixel-parity CSS preservation: Keeps Webflow class names verbatim, enforces correct stylesheet order (fonts first, compiled CSS before embed utilities), and ports the export's head metadata into the TanStack root route. - Production deploy guardrails: Documents Netlify build settings that must stay empty, SSR noExternal fixes for function crashes, lockfile and npm ci parity, and post-deploy HTML verification. - Use Case: You exported a marketing site from Webflow as a zip and want it running as a server-rendered React app on Netlify with Storybook-driven components, without jQuery or webflow.js in the runtime. ## Quick Start Upload your Webflow export zip and ask the agent to convert this Webflow export to TanStack Start with pixel parity using the webflow-to-react skill.
