AI Website Cloner：一条命令把任意网站逆向成 Next.js 代码库
28k stars 的 GitHub 模板：跑一句 /clone-website <url>，AI agent 就会截图勘察、提取 design token、写出精确到 computed CSS 的组件规格，再派多个并行 builder 在 git worktree 里重建整站——产出干净的 Next.js 16 + shadcn 代码。
这是一个「Use this template」型的 GitHub 模板仓库：建好自己的副本、npm install、启动 Claude Code（推荐 Opus 4.8 + --chrome），然后一句 /clone-website <目标URL> 交给流水线。
五阶段管线是它的含金量所在：勘察（截图、design token 提取、滚动/点击/悬停/响应式全交互扫描）→ 地基（字体色彩全局样式 + 资产下载）→ 组件规格（写到 docs/research/，带精确的 getComputedStyle 值、交互模型、多状态内容）→ 并行构建（每个区块一个 builder agent，各自跑在 git worktree 里）→ 组装 + 对照原站的视觉 diff QA。builder 拿到的是完整规格，不靠猜。
产出栈很现代：Next.js 16 + React 19 + TypeScript strict + shadcn/ui + Tailwind v4（oklch token）。除 Claude Code 外还支持 Codex、Cursor、Copilot 等 13 个 agent，AGENTS.md 单一事实源自动同步。
官方用途框得很清楚：把自己的站从 WordPress/Webflow 迁到现代栈、找回丢失的源码、通过真实代码学习生产级布局与动效——README 同时明确禁止钓鱼仿冒、盗用设计与违反目标站条款。MIT 协议。
常见问题
这个模板是做什么的？
用 AI agent 把任意网站逆向重建成干净的 Next.js 代码库：/clone-website <url> 一条命令跑完勘察、规格、并行构建到视觉 diff 的五阶段管线。
怎么开始用？
在 GitHub 上点 Use this template 建自己的副本（不要直接 clone 原仓库），npm install，启动 Claude Code（推荐 Opus 4.8 加 --chrome），然后运行 /clone-website。
输出什么技术栈？
Next.js 16（App Router）+ React 19 + 严格 TypeScript + shadcn/ui + Tailwind CSS v4（oklch design token），图标用提取出的 SVG 替换。
克隆别人的网站合法吗？
README 框得很清楚：用于迁移你自己的网站、找回丢失的源码、学习生产级实现；明确禁止钓鱼仿冒、盗用他人设计与违反目标站服务条款。
支持哪些 AI agent？
13 个：Claude Code（推荐）、Codex CLI、OpenCode、GitHub Copilot、Cursor、Windsurf、Gemini CLI、Cline、Roo Code、Continue、Amazon Q、Augment、Aider。