github.com/JCodesMore/ai-website-cloner-template
AW
AI Website Cloner Template
开源的AI智能体模板：一条 /clone-website 命令，用多个并行AI编程智能体把任意在线网站重建成干净的 Next.js 16 + shadcn + Tailwind v4 工程。
立即开始了解更多
立即试用
GPT-4o什么是 AI Website Cloner Template?
AI Website Cloner Template 是一个爆火的开源 GitHub 模板（MIT、20k+ stars），把在线网站逆向为可维护的生产级代码，而不是一张静态截图。用模板创建项目后启动 AI 编程智能体（推荐 Claude Code 配 Opus，`claude --chrome`；也支持 Codex、Cursor、GitHub Copilot、Windsurf、Gemini CLI、Cline、Roo、Continue、Amazon Q、Augment、Aider、OpenCode），输入 `/clone-website <网址>`（可一次给多个网址）即可。技能会走五阶段流水线：侦察阶段逐屏截图并遍历滚动/点击/悬停/响应式交互、提取设计令牌；基础阶段设置字体、颜色、全局样式并下载全部资源；为每个组件编写含精确 getComputedStyle 数值、状态与真实文案的规格文档；并行构建智能体在相互隔离的 git worktree 中各自重建一个区块；最后自动合并、接线页面并与原站做视觉对比质检。产物是 Next.js 16（App Router、React 19、严格 TypeScript）+ shadcn/ui + Radix + Tailwind v4（oklch令牌）的现代工程。适用于迁移自有网站、找回丢失源码、学习生产级实现，不可用于钓鱼、盗用他人品牌或违反网站条款。
4.5
评分
免费
定价模式
4+
平台
0
收藏
优点
- 产出可编辑的生产代码，而非扁平HTML快照。
- 并行worktree构建快且不冲突。
- 精确计算样式规格，还原度接近像素级。
- 指令与具体智能体解耦，主流AI编程工具都能用。
- 免费、MIT许可、社区活跃。
缺点
- 需要付费AI编程智能体，用Opus级别会消耗API额度。
- 重建的是前端，不含原站后端与专有逻辑。
- 强动态、需登录或极复杂的应用未必能完整克隆。
- 知识产权、品牌与条款合规由使用者负责。
同类工具对比
| 功能 | AI Website Cloner Template | LangFlow | Donely | Runtime |
|---|---|---|---|---|
| 评分 | 0.0 | 4.3 | 4.5 | 4.4 |
| 定价模式 | 免费 | 免费 | 免费 | 免费 |
| 起价 | — | Free | Free | Free |
| API | — | — | — | — |
| 免费版 | — | — | — | — |
| 移动端 | — | — | — | — |
适用人群
平
平台迁移
把自有WordPress/Webflow/Squarespace站重建为现代Next.js。
找
找回源码
仓库丢失或技术栈老旧时，重新生成可维护工程。
学
学习设计
拆解生产网站如何实现布局、动效与响应式。
快
快速原型
先高保真复刻参考界面，再改造成自己的产品。
设
设计系统提取
从参考站沉淀设计令牌、组件与素材。
开发者
JCodesMore
支持平台
网页版 暂不支持
Windows 暂不支持
Mac 暂不支持
iPhone/iPad 暂不支持
安卓 暂不支持
华为 暂不支持
Linux 暂不支持
支持语言
中文, English
成立时间
2026
更新于
2026-09-12
公司信息
成立于 2026
常见问题
一个干净可编辑的Next.js 16+shadcn+Tailwind v4项目，重现目标网站界面，而非截图或静态HTML。