做了一个复刻网站的 skill,大家可以试试~

Boyang 2026-08-31 16:09 1

之前我在隔壁站分享了很多复刻网站的项目,获得了很多支持,经过数十个网站的总结迭代,现在汇总了一个 skill 分享给大家~

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

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

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

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

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

废话不多说了,skill 给各位奉上!

https://github.com/boyang-hu/website-rebuild-skill

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

祝大家玩得愉快!
最新回复 (0)
    没有回复
* 帖子来源V2EX
返回