JCodesMore/ai-website-cloner-template

这个仓库是一个模板加一份 Agent Skill，让受支持的 AI 编程 Agent 把一个网站重建成本地 Next.js 项目。它面向需要拿回真实源码的人：迁移自己拥有的站点、源码丢失后重建，或通过真实代码研究生产站点如何实现特定布局和动效。它不是托管的克隆服务，实际工作发生在你自己的项目目录里，由 Agent 执行。

工作方式

/clone-website 技能分四步：把源 URL 映射到本地路由且不覆盖已有工作；检查桌面端和移动端页面，提取真实素材与字体，并操作各种交互状态；构建可编辑组件和可用的交互；最后在相同尺寸和状态下比对源站与本地页面，并运行生产检查。对 Framer 页面和动画站点，还有针对响应式变体、粘性场景以及滚动或时间驱动动画的专门指引。结束时 Agent 会给出路由映射、运行说明、对比截图和尚未补齐的差异，因此你能看到哪里不一致，而不只是相信一次性结果。

脚手架采用 Next.js 16、React 19、TypeScript strict、shadcn/ui 和 Tailwind CSS v4；各站点的组件与素材放在 sites/<site> 目录，研究记录放在 docs/research/。

支持的 Agent 与前提

推荐使用 Claude Code 搭配 Opus 5.5；Codex CLI、Cursor 和 OpenCode 也列为支持。Agent Skill 位于 .agents/skills/clone-website/，Codex、Cursor、OpenCode 直接读取；Claude Code 通过一个很薄的命令桥接，让 /clone-website 及其参数继续可用。无论哪条路径，都需要 Node.js 24+，以及一个启用了浏览器访问的编程 Agent，因为观察和比对依赖查看页面。初始化可以把一段提示粘贴给 Agent，也可以用 GitHub 模板创建副本，然后安装依赖并运行 npm run check，详见快速开始和支持的平台。另外还提供可选的 Docker 命令用于构建和运行应用。

限制

MIT 许可证只覆盖模板本身；logo、品牌素材和原创文案仍归其所有者。README 明确禁止把他人的设计据为己有，也不允许用于钓鱼或冒充，并提醒部分站点在服务条款中禁止抓取或复制，克隆前应先确认。作者陈述了这些边界，但没有提供技术上的强制措施或法律审查机制。

HotRepo 点评

该仓库在 2026 年 6 月至 10 月间多次出现在 GitHub 日榜，但仅凭记录的榜单日期不能证明长期采用或产出质量。文档描述的适用范围很具体：你确实有权重建目标站点，使用受支持的 Agent，并且想要可维护的 Next.js 代码库，而不是静态截图副本。