# 开源工具25秒深度克隆网站设计系统，设计或从"手艺"变为"数据"

- 来源：阿绎 AYi (@AYi_AInotes)
- 发布时间：2026-04-25 14:13
- AIHOT 分数：65
- AIHOT 链接：https://aihot.virxact.com/items/cmoegbu6600x4slxxk6ttyfr2
- 原文链接：https://x.com/AYi_AInotes/status/2047921939029659781

## AI 摘要

开源工具Hyperbrowser能在约25秒内深度解析并克隆网站（如Anthropic官网）的完整设计系统，自动提取颜色、字体、间距等样式，并总结设计语言，生成结构化文档。这标志着设计正从依赖手艺的“像素级模仿”转变为可快速解析、复制的结构化数据，大幅降低了借鉴成熟设计系统的门槛，未来竞争焦点可能转向对设计DNA的快速吸收与再创造。

## 正文

卧槽，这个25秒视频把一个网站的整个设计系统扒得一干二净，

兄弟们看这个演示，把Anthropic的官网扔进去，点一下生成，

16秒就出了完整的颜色字体间距排版，最后9秒直接导出结构化的DESIGN.md，

不是那种只能抓几个色值的垃圾工具，它会自动分析设计语言，告诉你Anthropic的风格是克制的、学术的、借鉴印刷传统的，

连每个字号对应的行高字重都给你列得明明白白，

更狠的是，这只是Hyperbrowser的一个开源示例，代码已经全放GitHub了，任何人都能拉下来自己跑，

我之前也觉得这就是个偷懒工具，看完才反应过来，

这根本就不是取色器的升级，更像是在把设计从手艺变成数据，

以前大公司花几百万养团队做的设计系统，现在任何人花25秒就能抄走，

这意味着以后拼的再也不是谁会量像素，而是看谁能更快地把别人的设计DNA变成自己的产品