用设计技能指导 Agent 做对 UI 动效
Emil Kowalski 发布一组设计与工程技能，帮助 Agent 判断何时该动、如何动以及何时不动。
来源摘录
New skill: /find-animation-opportunities Search your UI for places that would genuinely benefit from motion, while also telling you what not to animate. https://t.co/zEnLEjkvIp
深度解析
是什么
这是 Emil Kowalski 的 emilkowalski/skills GitHub 仓库，面向设计师与工程师提供 Markdown 技能，将来自 Vercel、Linear 等公司的经验整理为 Agent 可参考的设计与工程指导。安装入口是 npx skills@latest add emilkowalski/skills。
架构与核心设计
仓库按技能模块组织：emil-design-eng 提供总览，animate、review-animations、improve-animations 与 find-animation-opportunities 分别覆盖实现、审查、改进和机会发现，并扩展到 React Native/Expo、Swift、Apple 设计原则、UI 库选择、原型和 Sonner。整体形成“发现—实现—审查—改进”的判断链条。
关键洞察 它的重点不是套用动画模板，而是先判断动效是否真正有价值，再选择曲线、时长和属性。README 以进入动画的 easing 以及实线边框和半透明阴影的取舍为例，说明细节会持续累积为界面质量，并强调知道什么不要动画。
边界与风险 README 未提供各技能全文、执行机制、测试结果或兼容性承诺，因此不能推断自动分析的准确率。它更适合作为经验型决策辅助，仍需结合产品语境、性能、无障碍与真实用户反馈验证；高 Star 数也不代表每条建议适用于所有界面。