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、React 19、Tailwind CSS v4 和 shadcn/ui 构建。
• 代理无关：支持包括 Claude Code、GitHub Copilot、Cursor 和 Windsurf 在内的多种 AI 编码代理。
• 自动化流水线：自动提取设计令牌并创建组件规范，消除构建过程中的猜测。
• 并行构建：使用 git worktrees 让构建代理能够同时处理站点的不同部分。