AI代理的品味传承之道

作者 Emil Kowalski 作为 Design Engineer，同时也是知名开源项目 Sonner 的创建者。他揭示了一个重要观点：工程师从未像现在这样借助 AI 得到增强，然而要让 AI 处理视觉相关任务，你需要将自己的"审美标准"传授给它。

当你使用 AI 编程助手生成代码时，它通常能实现功能，但创建的动画总是不够理想——要么显得呆板，要么节奏感欠佳。

问题不在于 AI 不够智能，而是它无法判断什么是"优秀"。

作者解决此问题的方案是：为界面的各个方面构建 Skill 文档。你清楚自己想要达到什么效果，也知道背后的原因——将这些原则交给 AI，让它来落实。

最终成果：一个具备你审美观和知识的 AI，能够产出显著更优的作品。例如这个使用 Claude Code 制作的交互效果：

你是否思考过，为何某些动画看起来就是"恰到好处"？

以元素出现动画为例：多数人习惯从scale(0)开始，让元素从无到有地弹出来。但这样做会显得很突兀——仿佛东西凭空出现。

更佳的方案是从scale(0.95)起步。这不是凭空臆断，而是有物理学依据的：

现实中，即便气球放气，它仍保持形状，不会完全消失。动画同理——元素应当有"初始形态"，然后逐渐展开，而非从虚无中跳出来。

这就是审美背后的"原理"。几乎所有"感觉合适"的决定，背后都有合理的解释。

当你不仅知道什么美观，还能解释为何美观，你就具备了将审美标准传授给 AI 的能力。

作者将动画相关的规范整理成了一份 "实用指南"：

动画的关键在于缓动曲线（Easing）。作者提供了一套严格的决策流程，使 AI 无需猜测：

将这套逻辑提供给 AI，它便能为每个情境选择合适的缓动曲线，而非依靠"直觉"随意发挥。

仅有曲线还不够，时长也需精确控制：

规则补充：

作者还将排版规范整理成 7 条原则：

当你将完整的"审美体系"打包成 Skill 文档，提供给 AI 编程助手后会发生什么？

作者展示了使用 Claude Code 优化对话框动画的效果：AI 会给出基于规则的清晰问题清单，以及改进前后的对比。

你不再需要亲自编写每一行代码——你只需定义规则，然后让 AI 执行。

更具创意的部分仍然由你完成，但你能纳入 Skill 的内容越多，从 AI 那获得的助力就越大。

作者最终将博客上的设计工程经验转化成了一份可直接使用的 Skill：

这套 Skill 包含了动画、组件设计理念、开源项目（如 Sonner）的设计原则。

核心启示：退一步，问问自己"为何这样设计"，把缘由清晰地表达出来，设定严格的规则，然后——严格遵守它们。

如同指导一位初出茅庐的设计师：你无需代劳所有工作，只需把你的评判标准传递给他。

本文参考自 Emil Kowalski 的博客文章 Agents with Taste。