webflow-to-react

KO | EN

gitlite — search

#javascript #python #tailwindcss #typescript #ai #css #nextjs #config #github-config #nodejs #open-source #ollama

webflow-to-react

★ 27 Open GitHub ↗

Agent skill to migrate a Webflow site to React.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# webflow-to-react

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://raw.githubusercontent.com/dmenchaca/webflow-to-react/main/LICENSE)
[![GitHub stars](https://img.shields.io/github/stars/dmenchaca/webflow-to-react?style=flat&color=blue)](https://github.com/dmenchaca/webflow-to-react/stargazers)
[![Last commit](https://img.shields.io/github/last-commit/dmenchaca/webflow-to-react)](https://github.com/dmenchaca/webflow-to-react/commits/main)

An [agent skill](https://agentskills.io/) 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**
<br>Go to Webflow to export your site. You will get .zip file.

2. **Install skill on Cursor, Claude, etc.**
  ```markdown
   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:**
  ```markdown
   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.
  ```

The skill **automatically** runs Storybook setup (10f), UI primitive stories (10g),
  section SOT stories (11a), then composes routes (11) — no extra prompt required.
  Opt out explicitly with: **"Skip Storybook"** or **"Parity-first HTML mode"**.

## 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:

```markdown
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](https://cursor.com)
- [Claude Code](https://claude.ai/code)
- [GitHub Copilot](https://code.visualstudio.com/docs/copilot)
- [Gemini CLI](https://github.com/google-gemini/gemini-cli)
- [Codex CLI](https://developers.openai.com/codex/)
- …and other agents that load `[SKILL.md](SKILL.md)` as a skill (see the [skills](https://github.com/vercel-labs/skills) CLI).

## License

[MIT](LICENSE).

webflow-to-react

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README