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
推荐站内搜索:最好用的开发软件、免费开源系统、渗透测试工具云盘下载、最新渗透测试资料、最新黑客工具下载……




还没有评论,来说两句吧...