ai-website-cloner-template Vibe 项目

ai-website-cloner-template 是一个开源的 AI 网站克隆工具，输入任意网址即可生成干净的 Next.js 代码，视觉还原度接近 100%。该项目已在 GitHub 获得超过 30k stars，是 AI 前端开发领域的热门开源模板。

它的工作流程分为 5 个阶段：

第一阶段：侦察（Recon）。AI 自动滚动浏览目标网页、点击关键元素、提取设计 token（颜色、字体、间距、动画参数等），全面了解页面结构和视觉特征。

第二阶段：打地基（Foundation）。自动下载页面所需的资源文件（图片、字体、样式表等），配置主题变量和开发环境，为后续代码生成做准备。

第三阶段：写规格书（Spec）。为每个页面区块生成详细的规格文档，描述组件结构、交互行为、状态变化和样式规则，作为代码生成的蓝图。

第四阶段：并行建造（Build）。多个 AI Agent 在隔离的独立环境中同时开发不同区块，互不冲突，效率远高于单一 Agent 顺序执行。所有区块最终合并为一个完整的项目。

第五阶段：视觉 QA（Visual QA）。在桌面端和移动端双端对比克隆结果与原站，逐像素级对齐，直到视觉还原度达标。

实测克隆多个主流网站（Stripe、Vercel、Tailwind CSS 官网等），本地运行后几乎看不出与原站的区别。该工具适合快速原型制作、竞品分析、前端结构学习，以及需要批量生成类似风格页面的开发场景。

使用方式：创建模板仓库 → npm install → 启动 AI Agent → 输入 /clone-website + 目标网址。整个流程工程化程度高，是 AI 编程从"帮你写代码"进化到"帮你搬整个站"的典型代表。