AI网站克隆模板:使用AI编码代理克隆任意网站
一个基于Next.js的开源模板,通过AI编码代理一键克隆任何网站。支持多种AI代理如Claude Code,自动提取设计标记、组件规格并并行构建,快速将现有网站重建为现代化代码库。
一个名为“AI网站克隆模板”的开源项目在GitHub上引起了广泛关注。该项目提供了一个可重用的模板,允许用户通过AI编码代理一键将任何现有网站逆向工程并重建为现代化的Next.js代码库。其核心理念是“一条命令克隆任意网站”。
该项目内置了一个名为 /clone-website 的多阶段管道。首先,AI代理会进行侦察阶段,通过截图、设计标记提取以及交互扫描(滚动、点击、悬停、响应式测试)全面了解目标网站。接着进入基础阶段,更新字体、颜色、全局样式并下载所有资源。然后编写详细的组件规范文件,包含精确的计算样式值、状态、行为和内容。最后,AI代理会在Git工作树中并行构建每个组件,然后合并并运行视觉差异检查,确保克隆质量接近于原站点。
该模板支持多种AI编码代理,包括Claude Code(推荐搭配Opus 4.7模型)、Codex CLI、Cursor、Windsurf、GitHub Copilot等十余种主流代理。用户只需使用GitHub的“Use this template”按钮创建自己的仓库,然后运行 npm install 并启动AI代理,最后执行 /clone-website <URL> 命令即可开始克隆。
项目的技术栈基于Next.js 16(App Router)、React 19、TypeScript严格模式、Tailwind CSS v4(使用oklch设计标记)以及shadcn/ui组件库。所有克隆过程中提取的SVG图标会替换默认图标,并自动下载图片和视频资源。
开发者明确了该工具的主要用途:从WordPress/Webflow/Squarespace等平台迁移站点、恢复丢失的源代码(网站仍在运行但仓库丢失或开发者离开)、以及学习现代生产站点的布局和交互实现。同时,项目特别强调禁止用于钓鱼、冒充或侵犯他人商标及违反网站服务条款的行为。
项目采用MIT许可证,在GitHub上已获得超过19.6k颗星和2.9k次fork。目前最新版本为v0.3.1,并拥有活跃的社区支持。