GitHub Trending上刷到个狠活，28.7k Star，叫ai-website-cloner-template。
描述就一句话：
一个命令，AI Agent自动把任意网站逆向工程成干净的Next.js代码。
实测效果有多夸张？
左边原站，右边克隆版，盯着对比半天愣是找不出几处明显差别。
不是粗糙的截图转HTML，是真真正正拆成了React组件、Tailwind样式、TypeScript接口，拿到手就能二次开发。
五阶段流水线，AI自己拆网站
作者把克隆过程拆成了五个阶段，全自动化，不搞黑箱：
侦察：Agent打开浏览器，滚动、点击、悬停、切分辨率，把颜色、字体、间距、动效全扒下来。用的是Chrome MCP集成，拿的是计算后的真实样式，不是瞎猜。
打地基：字体替换、颜色变量、Tailwind主题调整，素材全下载到本地。
写规格书：每个区块一份详细文档，精确到getComputedStyle()值，照着做就行，不用瞎猜。
并行建造：多个Agent在独立worktree里同时干活，一个写Hero，一个写Features，互不干扰，最后统一合并。
组装与视觉QA：拼完并排对比，桌面端移动端各测一遍，发现差异就回查修，全部通过才算完。
怎么用？一句话的事
用Codex桌面版，全程傻瓜操作：
1. 丢仓库地址，一句话装Skill，1分51秒装完
2. 直接发目标URL："用clone-website克隆xxx.com"
3. 等它跑完五阶段流水线
4. npm run dev启动预览，99%一致，剩下微调就行
克隆出来的代码不是一坨垃圾，是结构清晰的Next.js项目，按区块拆分组件，
shadcn/ui、SVG图标、素材全给你整理好。
别高兴太早，它也有边界
这项目最牛的地方不是技术本身，是AI Agent工程化真的能干活了。
worktree隔离避免冲突，规格文档消除猜测，视觉QA保证质量，每一步都踩在工程化痛点上。
但它也有局限：
克隆出来的是像素级复刻，不是理解后的重构。原站代码结构烂，克隆版也原样继承。它解决"从无到有"，不解决"从坏到好"，拿到手还得自己review优化。
即便如此，复刻一个网站从几天几周压缩到几十分钟，平台迁移、代码找回、竞品学习这几个场景，价值是实打实的。
前端会不会失业？短期不会，但不会用AI的前端，可能真要危险了。
github地址：
https://github.com/JCodesMore/ai-website-cloner-template
推荐站内搜索：最好用的开发软件、免费开源系统、渗透测试工具云盘下载、最新渗透测试资料、最新黑客工具下载……
发表评论