用途：为产品 UI 设计有目的、有意义的动效。该技能先评估动画需求，再基于交互频率与用途推荐具体缓动曲线、时长和实现方式。核心原则：每个动画都要有职责，没有职责就不要做动画。
使用方式：技能执行分三个阶段。第一阶段为必需步骤，需先读取两个参考文件：references/decision-tree.md（按交互类型选择缓动类别，含缩放、原点、悬浮指引）与 references/easing-tokens.md（具体曲线、时长值与性能指引）。第二阶段评估动画，判断目的（响应性、空间连续性、理解、愉悦感，无明确目的则建议不做动画）、触发频率（高频或键盘驱动宜无动画或近乎即时；中频保持快速 120-240ms；低频示意类可更慢更丰富）与模式类型（进入/退出、屏上形变、基于时间、悬浮/细微、键盘导航；退出通常比进入更快）。第三阶段依据评估结果给出推荐，输出包含组件、评估、推荐（缓动 token 与 cubic-bezier、时长 token 与毫秒值、属性、transform origin、spring 与 bezier 选择、是否回弹）、实现代码与备注。
主要能力：给出 CSS/JS 实现示例，例如下拉菜单使用 --ease-out-quart 即 cubic-bezier(.165, .84, .44, 1)、--dur-2 即 180ms，属性用 transform（scale、translateY）与 opacity，transform-origin 设在顶部居中或按触发器位置，可用 data-state 控制开合，并提示使用 scale(0.96) 而非 scale(0)；建议将时长控制在 240ms 以内。
适用场景：下拉菜单、弹窗、提示框、悬浮等 UI 交互的动效设计与优化。限制：需先加载参考文件才能给出建议；资料未提供具体定价、平台支持范围或效果保证等信息。