animations.dev：将动效理论封装为 Agent 技能
Emil 将动效课程方法封装为 12 个技能，覆盖动效简报、Framer Motion 调试与性能优化。
来源摘录
Shipped 12 brand new skills for https://t.co/jAk7X44pIO today made out of the course’s content. Here are some of them: /motion-brief - asks you questions and comes back with a brief, properties to animate, timing, easing curve, etc, or advice to not animate at all. Similar to Matt’s /grill-me, but for animations. /motion-react - designed specifically to help you debug motion-react (Framer Motion) animations. /animation-performance - contains all the knowledge on performance based on the course’s lessons. And more, go check it out if you are a student!
深度解析
是什么 这是 Emil Kowalski 将 animations.dev 课程内容产品化、再拆成 12 个 Agent 技能的公告。课程强调从理论到实践：理解 easing、duration、spring 与可动画属性，并用 CSS Animations 和 Framer Motion 练习。
核心设计
价值不在于增加命令数量，而在于把动效判断流程结构化。/motion-brief 先提问，再输出动效简报、属性、时序和曲线，甚至建议不要动画；/motion-react 聚焦 Framer Motion 排错；/animation-performance 则把性能原则转成辅助知识。它连接了审美判断、实现约束与工程调试。
关键洞察 好的动效是交互反馈、节奏和性能的共同结果。Agent 技能可以降低起步成本、形成检查清单，并把课程知识带进 PR 和日常开发。对设计工程师而言，最有价值的是解释“为什么这样动”，而不是复制片段。
边界与风险 材料没有展示技能实现、评测结果、适配范围或实际产出；文章包含大量学员推荐，不能等同于独立验证。技能面向课程学生，具体可用性依赖上下文，且 Agent 不能替代真实用户反馈、品牌语境和动效品味。