这个项目借助Claude Code或Codex等编程智能体，快速逆向任何网站的代码。
使用方式非常简单，只需一个目标URL，运行/clone-website命令，你的AI助手就会跳到前台，为目标网站重建页面布局、交互和视觉细节。
从设计Token提取到组件化代码输出，一共5个步骤：
1. 截图加扒样式，包括滚动点击悬停这些交互；
2. 把字体颜色素材全配好；
3. 写组件规格说明，连每个元素精确的CSS数值都标得清清楚楚；
4. 派出多个builder并行搭建，一人负责一块；
5. 合并组装做质检，拿成品跟原网站做视觉对比。
技术栈方面，它用到了Next.js 16加shadcn/ui加Tailwind CSS v4。
它的实际应用场景也非常广泛：
1. 平台迁移：从老旧的WordPress或Squarespace迁移到现代技术栈。
2. 抢救代码：原开发者消失、代码库遗失，通过已上线的网站重现源代码。
3. 学习解构：分析高质量生产环境页面的布局和交互，提升个人或团队的前端能力。
不过得提醒一句，项目作者把红线划得很清楚，禁止拿去做钓鱼、冒充、抄袭别人设计，有些网站明令禁止爬取的也别碰，先看清楚再动手。
项目名：JCodesMore / ai-website-cloner-template
