Copy a Web site to research

目前 GitHub 上最火、“粘贴网址就能把整个网站克隆成可运行 React 项目” 的开源方案，主要集中在下面 3 个仓库，按“傻瓜程度”与“可玩性”排序，给你一份直抄清单：

1️⃣ Open-Lovable（🔥 最火）

  • 一句话描述：输入任意网址 → 10 秒生成 React+Tailwind 源码，本地 npm run dev 就能跑。
  • 核心链路：Firecrawl 抓取 → GPT-4o/Claude/Gemini 生成代码 → E2B 沙盒自动启动。
  • GitHub：https://github.com/mendableai/open-lovable
  • 亮点
    • 支持 全栈（前端 + 可选 Node/Supabase 后端）。
    • 可选模型、可改 prompt，生成完直接在浏览器里二次编辑。
    • MIT 协议，可商用。
  • 注意
    • 需要自备 OpenAI / Anthropic / Google API key（抓取+生成两次调用，一次克隆约 ¥0.3-0.8）。
    • 国内网络需给 Firecrawl 配代理，否则抓站环节 404。

如果你想“先跑起来再改”，这是当下最省心的方案。

2️⃣ Screenshot-to-Code（📸 截图流派）

  • 一句话描述：上传一张网页截图 → 自动生成 HTML/React/Vue 代码，还能让 DALL·E 3 把缺失图片也补出来。
  • GitHub：https://github.com/abi/screenshot-to-code
  • 亮点
    • 不需要目标站点可访问，“看图写码”，对逆向敏感站很友好。
    • 支持 React + Tailwind / Vue + Tailwind / Bootstrap 多技术栈切换。
  • 注意
    • 只还原视觉层，交互逻辑、数据接口需要你自己补。
    • 同样需要 GPT-4V API key（一张图 ≈ ¥0.15）。

适合做“像素级临摹”或没有后端数据的静态页。

3️⃣ SiteCopy（🗂️ 传统整站镜像）

  • 一句话描述：经典 Python CLI，把整站 HTML/CSS/JS/ 图片甚至 MySQL 一起搬下来，适合“搬家”而非“改代码”。
  • GitHub：https://github.com/Threezh1/SiteCopy
  • 亮点
    • 递归下载 + 数据库导出 + 配置文件自动改写，一键平移服务器。
    • 不需要 AI key，纯本地流量。
  • 注意
    • 生成的是原样静态备份，不会给你 React 组件。
    • 仅适合 Linux / macOS，Windows 需 WSL。

想“原站整搬”或做灰度备份用它最稳。

✅ 30 秒选型建议

目的 直接选
快速拿到可改的 React 项目 Open-Lovable
只有设计稿 / 页面已挂 Screenshot-to-Code
整站迁移、不改技术栈 SiteCopy

🚀 本地 3 步跑起来（以 Open-Lovable 为例）

1
2
3
4
5
6
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
cp .env.example .env.local
# 填好 OPENAI_API_KEY 或 ANTHROPIC_API_KEY
npm i
npm run dev

浏览器打开 http://localhost:5173，贴目标 URL → Generate，等 10 秒就能下载完整 React 项目。

克隆愉快，记得遵守对方版权、robots.txt 及相关法律，别把“学习副本”当成“上线盗版”。