之前我在隔壁站分享了很多复刻网站的项目，获得了很多支持，经过数十个网站的总结迭代，现在汇总了一个 skill 分享给大家～
做复刻这个事情是我一直以来的一个心底中的想法，在十几年前的时候，我经常会看到很多好的有意思的网站，想要借鉴参考一下他们的实现方式，但是作为一个半吊子设计师和 0.1 吊子前端切图仔，完全不知道该怎么办。请教身边的程序员们，他们因为也不是专门搞这些的，也没有时间帮我研究，我也不好意思白嫖一些工作量。
到了 AI 时代就不一样了，有了天才程序员们，我想要的就变的简单了起来～
我总结的这个 skill ，你只要丢给它一个网址说"复刻这个站"，它会自己走完：判级 → 整站镜像取证 → 逆向 → 逐行移植 → 自动验收 → 源码化 这几个流程。
当然不是所有的网站都可以复刻，我自己也迭代了很多版本了，大部分视觉交互站是没有问题的，后面有 CMS 的需要让 skill 去判断一下是否可行，我还没有覆盖那么多网站去验证和迭代，咱们慢慢来～
也经常有人质疑扒站很容易，你在这儿费这么大劲干什么呢？
这个 skill 和扒站不一样的点就是：扒站只能把这个站保存下来，也就是"它长什么样"。这个 skill 想要达成的目标是告诉我们这个站"它是怎么做到的"。这个 skill 最后可以让你拿到的不是一坨压缩 JS ，而是一个模块树，每个文件头标注它来自源站 bundle 的哪几行，变量名按证据逐个还原，外加一份逆向笔记讲清这个站的动画怎么编排、场景怎么组织。
废话不多说了，skill 给各位奉上！
https://github.com/boyang-hu/website-rebuild-skill
欢迎大家体验使用，踩到坑或者有想复刻的站型欢迎开 issue 或者直接跟我说～
祝大家玩得愉快！
做复刻这个事情是我一直以来的一个心底中的想法，在十几年前的时候，我经常会看到很多好的有意思的网站，想要借鉴参考一下他们的实现方式，但是作为一个半吊子设计师和 0.1 吊子前端切图仔，完全不知道该怎么办。请教身边的程序员们，他们因为也不是专门搞这些的，也没有时间帮我研究，我也不好意思白嫖一些工作量。
到了 AI 时代就不一样了，有了天才程序员们，我想要的就变的简单了起来～
我总结的这个 skill ，你只要丢给它一个网址说"复刻这个站"，它会自己走完：判级 → 整站镜像取证 → 逆向 → 逐行移植 → 自动验收 → 源码化 这几个流程。
当然不是所有的网站都可以复刻，我自己也迭代了很多版本了，大部分视觉交互站是没有问题的，后面有 CMS 的需要让 skill 去判断一下是否可行，我还没有覆盖那么多网站去验证和迭代，咱们慢慢来～
也经常有人质疑扒站很容易，你在这儿费这么大劲干什么呢？
这个 skill 和扒站不一样的点就是：扒站只能把这个站保存下来，也就是"它长什么样"。这个 skill 想要达成的目标是告诉我们这个站"它是怎么做到的"。这个 skill 最后可以让你拿到的不是一坨压缩 JS ，而是一个模块树，每个文件头标注它来自源站 bundle 的哪几行，变量名按证据逐个还原，外加一份逆向笔记讲清这个站的动画怎么编排、场景怎么组织。
废话不多说了，skill 给各位奉上！
https://github.com/boyang-hu/website-rebuild-skill
欢迎大家体验使用，踩到坑或者有想复刻的站型欢迎开 issue 或者直接跟我说～
祝大家玩得愉快！
Select Language