webflow-to-react

An agent skill for turning a Webflow HTML export into a React app using TanStack Start and Netlify for hosting.

This skill keeps CSS and layout intact to ensure a pixel perfect conversion.

Webflow CMS template pages are converted but the skill does not handle CMS. To switch out of Webflow CMS you will need a headless CMS like Sanity, Astro, etc.

Quick Start

1. Export site from Webflow
   Go to Webflow to export your site. You will get .zip file.

2. Install skill on Cursor, Claude, etc.

 npx skills@latest add dmenchaca/webflow-to-react -y

Install for all projects on this machine: add -g. Reload your editor or agent after install.

3. Upload exported .zip to agent and prompt:

 Convert this Webflow export to TanStack Start (React, SSR) with pixel parity. 
 Use the webflow-to-react skill and follow SKILL.md from step one.

Deploying site

The skill is optimized for Netlify and supports server-side rendering (SSR) out of the box. To deploy simply push your site to Github and connect Github with Netlify.

Troubeshooting

If you run into issues with the deploy or SSR run this prompt:

Work through checklists/cleanup-before-done.md and gotchas.md for CWV, sitemap.xml / robots.txt if we need them, and any Netlify function / ssr.noExternal issues.

Supported tools

• Cursor
• Claude Code
• GitHub Copilot
• Gemini CLI
• Codex CLI
• …and other agents that load [SKILL.md](SKILL.md) as a skill (see the skills CLI).

License

MIT.