AI 自动化计划 2026.8：给 AI 装上「审美」和「手感」

先问一个问题：现在 AI 都会写代码了，为什么很多 AI 做出来的网站还是不好看？

因为写代码是「把东西做出来」，审美是「把东西做好看」，这是两码事。就像一个人会打字，不等于会写文章。

这个月我给我的 AI 装了两个「技能」，正好补上这块短板：一个叫 Dembrandt，一个叫 emil-design-eng。名字很拗口，其实功能很简单，我用大白话讲。

Dembrandt：看到好网站，直接把它的「穿搭」抄下来

先问个问题：平时看到喜欢的网站，想照着做，你会怎么办？

我以前只能硬着头皮看：这个网站用的什么绿色、字多大、按钮的圆角是几像素、阴影多深……一个网站几十个细节，眼睛都快看花了，还要自己猜，特别费时间。

Dembrandt 干的事，就像有个裁缝师傅拿着尺子帮你量：你把一个网址丢给它，它把网站的颜色、字体、大小、间距、圆角、阴影这些「穿搭细节」全部量好、记下来，整理成一份清单，直接告诉 AI：照着这个做。

它还能认出这个网站有哪些「零件」（比如按钮、弹窗）、哪些地方会动（动画）、手机和电脑上布局怎么变。总之，以前要花一个小时手工抄的作业，它十秒钟抄完，还抄得一模一样。

emil-design-eng：一本「大师的手感笔记」

好，网站的样子看懂了，但「好不好用」是另一回事。

举个最生活的例子：一个按钮按下去，是瞬间变一下，还是慢慢悠悠晃一下，还是干脆没反应——这些差别你自己可能说不清，但手能感觉出来。手感好的界面，用着「顺」；手感差的，用着「别扭」，但说不上哪里不对。

emil-design-eng 就是把这个「说不清的手感」变成 AI 能照做的规则。它是一位很厉害的界面设计师（给 Vercel、Linear 这些公司做过产品）把自己多年的经验整理成的笔记，里面记着：

• 什么地方该加动画，什么地方千万别加（加错了反而碍事）；
• 弹窗应该从哪儿冒出来，按钮按下去该有什么反应；
• 动画该多快——太快看不清，太慢让人着急；
• 还要照顾到用键盘的人、用手机的人、视力不好的人。

有了这本笔记，AI 做出来的界面就不是「看起来还行」，而是「用着顺手」。

这两个东西加在一起是什么效果

打个比方：

• Dembrandt 负责「抄作业」——把好网站的设计细节完整抄下来；
• emil-design-eng 负责「讲道理」——告诉 AI 为什么这么做、什么时候别乱来。

一个管「好看」，一个管「好使」。装好这两个技能之后，AI 再帮我做页面，我就不用反复说「这里调一下、那里改一下」了，它自己就知道该怎么做。

下一步

技能装好了，接下来我打算：

• 拿 Dembrandt 把几个我常看的网站都「抄」一遍，攒一本自己的设计参考手册；
• 用 emil-design-eng 的规则，把这个博客的细节挨个检查一遍，该加的动画加上，多余的删掉；
• 把我那两个小程序（买多少、卡的）的界面也统一成同一套风格。

以后这个博客的每一处改动，都会用这套方法来做。工具决定速度，品味决定方向——这话是我最近最深的体会。