AI/智能体/模型工具 · TypeScript

JCodesMore/ai-website-cloner-template

用 AI 编码代理把任意网站重建成 Next.js 项目的模板

增长榜 #8 已读 README 并重写
增长排名 #8 Fast Growth Top 100
本期热度 Stars 108 OSSInsight 页面展示
Forks 8 榜单记录
Fork / Star 7.4% 社区复用强度

它是什么

这是一个可复用的模板,不是单纯演示页。它的目标是把任意网站反向工程成一个干净、现代的 Next.js 代码库。用户把网址交给 AI 编码代理,运行 /clone-website,就能让代理自动拆解页面、提取设计 token 和资源,再重建各个区块。

为什么值得关注

榜单里它的热度增长很快,说明“用一条命令克隆网站”的工作流有明显需求。README 也明确给出了完整流程和推荐工具,信息足够具体,不是空泛概念。

核心能力

  • 输入网站 URL 后由 AI 代理自动分析页面
  • 提取设计 tokens、资源和组件规格
  • 并行分发构建任务,重建各个页面区块
  • 输出为清洁的现代 Next.js 代码库

适合谁用

  • 需要快速把现有网站重做成代码的人
  • 使用 AI 编码代理做前端重构的开发者
  • 想复用模板搭建网站克隆工作流的人
  • 偏好 Next.js 技术栈的团队或个人

使用前注意

  • README 明确要求先用 Use this template 创建自己的仓库
  • 不要直接克隆模板仓库,也不要向模板仓库提生成结果 PR
  • 推荐 Claude Code + Opus 4.7,但并非唯一可用代理
  • 仓库为 MIT 许可证;当前有 19 个 open issues

README 证据

  • “A reusable template for reverse-engineering any website”
  • “into a clean, modern Next.js codebase using AI coding agents”
  • “Point it at a URL, run /clone-website”
  • “inspect the site, extract design tokens and assets”