AI Website Cloner Template：让编码代理把网站重建为 Next.js 应用

用途

AI Website Cloner Template 是一个 GitHub 模板仓库，目标是让 AI 编码代理接收一个 URL，把目标网站重建为干净的 Next.js 应用。按原文说法，通过 /clone-website 命令触发克隆；构建完成后可继续让代理按需求修改。

前置条件

• Node.js 24+
• 一个 AI 编码代理。原文标注 Claude Code（Opus 5.5）为推荐组合，同时支持 Codex CLI、OpenCode 和 Cursor
• 克隆时需要在代理中启用浏览器访问能力

工作流程

原文描述 /clone-website 技能分四步：

1. Map：把源 URL 映射到本地路由，并保留已有工作。 2. Observe：检查桌面端与移动端页面，提取真实资源与字体，并触发交互的备选状态。 3. Build：实现可编辑组件与可工作的交互；必要时拆分独立区块并行处理。 4. Compare：在相同尺寸与状态下对比源页面与本地页面，修复可见差异并运行生产检查。

对 Framer 页面和动画站点，原文称另有针对响应式变体、媒体、粘性场景以及滚动和时间驱动动效的专项检查指引。能直接提取的部分使用 HTTP 或资源工具，外观与行为则通过浏览器对比确认。交付物包括路由映射、运行说明、对比截图以及遗留差异。

技术栈与命令

技术栈为 Next.js 16（App Router、React 19、TypeScript strict）、shadcn/ui、Tailwind CSS v4 和 Lucide React。常用命令包括 npm run dev、build、lint、typecheck，以及组合执行的 npm run check；仓库还提供 Docker 的 app 与 dev 两种启动方式。

边界

作者明确列出不适用场景：钓鱼或冒充、把他人设计据为己有、违反网站服务条款的抓取或复制；并提醒部分站点明确禁止抓取或复制，需要先确认。该仓库采用 MIT 许可。