想把别人的网站「搬」一遍，最笨的办法是右键查看源代码、对着 CSS 一行行抄，抄完还不一定跑得起来。AI Website Cloner Template 干的事更直接：你给编码智能体一个网址，它跑起来观察页面、提取真实资源和字体，最后吐出一份干净、可编辑的 Next.js 项目——不是截图，是能改代码的。
这个项目现在 3.6 万 Star，用 TypeScript 写的开源模板，MIT 协议。它不是一个现成的「克隆 App」，而是一份给 AI 编码智能体用的「技能模板」：你把它装进 Claude Code、Codex、Cursor 或 OpenCode，然后让智能体去克隆网站。
是什么
一句话：一份预置好的 Next.js 工程 + 一个 /clone-website 技能，让你的 AI 编码智能体具备「克隆网站」的能力。你输入 /clone-website https://example.com，它会把这个网站重建成一份结构清晰、组件可改、交互能用的 Next.js 应用。
技术底座是 Next.js 16（App Router + React 19 + TypeScript strict）+ shadcn/ui + Tailwind CSS v4 + Lucide 图标。克隆过程中它还会把原站的 SVG 图标抽出来替换掉默认图标，所以还原度比「照着调样式」高不少。
AI Website Cloner Template 仓库主页：35.9K Star，最新 v0.6.1
核心优势
四步流程可复现。技能内部走 Map（把源 URL 映射到本地路由、保留已有工作）→ Observe（检查桌面/移动端、提取真实资源和字体、演练各种状态）→ Build（实现可编辑组件和可交互行为，独立的区块还能派给子任务并行做）→ Compare（在匹配的尺寸和状态下对比源站和本地，修掉可见差异，跑生产构建检查）。这套流程产出的不只是代码，还有路由映射、运行说明、对比截图和剩余缺口清单。
多 Agent 通吃。作者明确写了最适合 Claude Code + Opus 5.5，但也支持 Codex CLI、OpenCode 和 Cursor。对 Agent 友好的设计在于：它把可移植的 Agent Skill 放在 .agents/skills/clone-website/，Codex、Cursor、OpenCode 直接读；Claude Code 用一个很薄的命令桥 .claude/commands/clone-website.md 桥接，保证 /clone-website 和它的参数在所有智能体里都能用，不用到处复制技能。
是为真实用途设计的，不是玩具。作者列了三个正经场景：平台迁移（把 WordPress/Webflow/Squarespace 的站点重建成现代 Next.js 代码库）、源码丢失找回（网站还在但仓库没了、开发者跑了、技术栈老了，拿回一份现代格式的源码）、以及学习（通过真实代码拆解生产级站点是怎么做布局、动画和响应式的）。
Releases 页：v0.6.1 发布于 2026-10-05
怎么装、怎么用
门槛不低但流程清晰。先决条件是 Node.js 24+，以及一个支持浏览器访问的 AI 编码智能体。上手分两步：第一步把模板建成一个独立工程（让智能体把它 clone 下来、去掉 origin remote、装依赖、跑 npm run check）；第二步在开启了浏览器访问的智能体里运行 /clone-website https://目标网址，建完之后再让它改任何你想要的地方。
工程自带一套质量命令：npm run dev 起开发服务器，npm run check 跑 lint + typecheck + build，要上容器还有 docker compose 两条命令。作者也明确划了红线：不能用于钓鱼、冒充或抄袭别人设计，部分站点明令禁止抓取或复制，动手前先确认。
不是没有槽点
它强依赖「会自己用浏览器的编码智能体」。没有 Claude Code / Codex / Cursor / OpenCode 这套环境，模板本身什么也做不了——它卖的是技能，不是成品软件。对纯小白来说，光是「让智能体把仓库装到电脑上」这一步就有门槛。
还原度取决于目标站。Framer 这类重动画、强交互的站点有专门的观察指引，但遇到需要登录态、反爬严格、或者纯 canvas 渲染的页面，克隆质量会明显打折，作者也把这部分诚实标成了「剩余缺口」。
法律和合规边界要自己把握。模板反复强调不能冒充、不能抄袭他人设计与文案，动手前得先确认目标站是否允许抓取与复制——这不是技术限制，是红线。
跟同类怎么比
网页克隆的工具不少，但大部分要么产出静态截图、要么是一锤子生成的单文件 demo。AI Website Cloner Template 的差异在「可编辑 + 流程化 + 跨 Agent」：它输出的是 Next.js 工程，你能接着改；流程是 Map/Observe/Build/Compare 四步可复现，不是黑箱一次性生成；技能还能在 Claude Code、Codex、Cursor、OpenCode 之间通用。
一句话：如果你想要的是「把某个网站拆成我能改的 Next.js 代码，用来迁移、找回源码或学习」，而不是「生成一张长得像的静态图」，这个模板值得装来玩玩。
GitHub：JCodesMore/ai-website-cloner-template
你手头有没有那种「网站还跑着、但源码早没了」的老项目，是最想用它克隆找回的？