ai-website-cloner-template：使用 AI 编码代理将网站逆向工程为 Next.js 代码库的可复用模板

它解决了什么问题

该项目提供了一个可复用的模板，使开发者能够将现有网站逆向工程为干净、现代的 Next.js 代码库。它旨在帮助平台迁移（例如，从 WordPress 或 Webflow 迁移到 Next.js）、从线上站点恢复丢失的源代码，或研究专业生产站点是如何构建的。

工作原理

模板利用 AI 编码代理（如 Claude Code、Cursor 或 Aider）通过 /clone-website 命令执行多阶段流水线：

1. 侦察：代理截取屏幕截图并提取设计令牌和交互行为。
2. 基础：设置全局样式、字体和颜色，并下载必要的资源。
3. 组件规范：代理为每个组件编写详细规范，包括精确的 CSS 值和行为。
4. 并行构建：派遣多个构建代理并行重建各个章节或组件。
5. 组装与 QA：将最终片段合并，并与原站点进行视觉对比，以确保准确性。

适用人群

想将网站迁移到现代技术栈（Next.js 16、Tailwind CSS v4、shadcn/ui）的开发者，或希望拆解并学习现有网页设计的人士。

亮点

• 代理无关：支持包括 Claude Code、Cursor、Windsurf 和 GitHub Copilot 在内的广泛 AI 编码代理。
• 免交接：自动提取设计令牌、资源并创建组件规范。
• 现代技术栈：基于 Next.js 16、React 19、TypeScript 和 Tailwind CSS v4 构建。
• 并行化构建：使用 git worktrees 让多个 AI 代理同时构建站点的不同部分。