下面2个工具大家一定要用，特别是对做网站，vibe coding来说特别好用，我自己一直在用，是真觉得不错，有品味

第一个是 Dembrandt

网页链接

想参考某个网站的设计风格，自己扒配色、字体、间距、圆角、阴影，太费时间。

Dembrandt 只要一个网址，就能把网站的整套设计系统提取出来。

除了颜色和字体，它还能识别组件、动效、断点，导出 W3C Design Tokens、Tailwind 主题、品牌指南，以及专门给 AI Agent 读取的 `DESIGN.md`。

第二个是 emil-design-eng

这是设计工程师 Emil Kowalski 把自己在 Vercel、Linear 积累的 UI 和动效经验，整理成了 Agent 能执行的 Skill。

网页链接

它会告诉 Agent：

什么地方该加动效，什么地方千万别动；

弹窗应该从哪里出现，按钮按下去该有什么反馈；

缓动曲线怎么选，动画多长才不拖沓；

怎么处理性能、手势和无障碍。

我用这么久以来，确实工具很有水平

————

这两个工具放在一起，

Dembrandt 负责读懂一个好网站的设计系统。

emil-design-eng 主要是让 Agent 把代码规范化

现在 AI 已经不缺写代码的能力了，审美判断和细节还是非常重要的

这两个skill，建议大家安装