JCodesMore/ai-website-cloner-template

它解决的问题

该项目为AI编码代理提供了一个结构化环境，以将现有网站重建为现代、干净的Next.js应用。它旨在帮助用户迁移遗留站点、恢复丢失的源代码，或拆解生产级布局和动画以用于学习目的。

工作原理

它使用一个专门的代理技能（/clone-website），引导AI代理完成四个步骤：映射源站点的结构，在不同设备上观察其设计和资源，使用Next.js和Tailwind CSS构建站点，并将结果与原始站点进行比较，以确保视觉和功能上的保真度。

适用对象

希望利用AI代理（如Claude Code、Cursor或OpenCode）自动化将网站重建为现代、可维护的基于React的技术栈这一繁琐过程的开发者和设计师。

亮点

• 代理优先工作流： 包含一个专用的技能定义，允许代理通过简单命令执行克隆过程。
• 现代技术栈： 输出使用Next.js 16、React 19、TypeScript和Tailwind CSS v4的代码。
• 结构化输出： 将资源、组件和研究文档组织成干净、模块化的项目结构。
• 验证工具： 包含内置命令，用于代码检查、类型检查和生产构建，以确保克隆的站点质量高。