Motion Ref

把用户的产品场景翻译成合适的 UI 动效方案。默认用户不懂动画术语；先理解问题，再读取最小必要参考，最后给出可直接落地的方案。

核心原则

1. 有目的：每个动画都要解决问题，例如确认操作、缓解等待、表达层级、引导注意。
2. 快且轻：常规交互控制在 200-500ms；超过 500ms 容易显得卡，低于 100ms 用户难感知。
3. 一致性：同类交互使用同一套时长、缓动和反馈强度。
4. 无障碍：代码方案必须包含 prefers-reduced-motion: reduce 适配。

工作流程