【开源】复刻网站的焚决来啦！

本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：

- 我的帖子已经打上 开源推广 标签： 是

- 我的开源项目完整开源，无未开源部分： 是

- 我的开源项目已链接认可 LINUX DO 社区： 是

- 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是

- 以上选择我承诺是永久有效的，接受社区和佬友监督： 是

以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出

之前我分享了很多复刻网站的项目，获得了很多佬友的支持和谬赞，也有很多佬友想要焚决，现在总结迭代了一个skill分享给佬友们～

做复刻这个事情是我一直以来的一个心底中的想法，在十几年前的时候，我经常会看到很多好的有意思的网站，想要借鉴参考一下他们的实现方式，但是作为一个半吊子设计师和0.1吊子前端切图仔，完全不知道该怎么办。请教身边的程序员们，他们因为也不是专门搞这些的，也没有时间帮我研究，我也不好意思白嫖一些工作量。

到了AI时代就不一样了，有了天才程序员们，我想要的就变的简单了起来～

我总结的这个skill，你只要丢给它一个网址说"复刻这个站"，它会自己走完：判级 → 整站镜像取证 → 逆向 → 逐行移植 → 自动验收 → 源码化 这几个流程。

当然不是所有的网站都可以复刻，我自己也迭代了很多版本了，大部分视觉交互站是没有问题的，后面有CMS的需要让skill去判断一下是否可行，我还没有覆盖那么多网站去验证和迭代，咱们慢慢来～

也经常有佬友质疑扒站很容易，你在这儿费这么大劲干什么呢？

这个skill和扒站不一样的点就是：扒站只能把这个站保存下来，也就是"它长什么样"。这个skill想要达成的目标是告诉我们这个站"它是怎么做到的"。这个skill最后可以让你拿到的不是一坨压缩JS，而是一个模块树，每个文件头标注它来自源站 bundle 的哪几行，变量名按证据逐个还原，外加一份逆向笔记讲清这个站的动画怎么编排、场景怎么组织。

废话不多说了，链接给各位佬友奉上！

github.com

GitHub - boyang-hu/website-rebuild-skill

通过在 GitHub 上创建帐户来为 boyang-hu/website-rebuild-skill 开发做出贡献。

欢迎大家体验使用，踩到坑或者有想复刻的站型欢迎开 issue 或者直接跟我说～

祝大家玩得愉快！