用途：设计、实现、审查与调试界面动效，包括弹簧、手势、拖拽、缓动、CSS 过渡、关键帧与 Motion；扫描界面中真正值得加动效的位置；从录屏中测量动效（抽帧、跟踪、拟合曲线）并输出代码与交接规格；为模糊描述的动效命名；把关克制的界面音效。不负责整体视觉方向、配色与字体（属 ui-design Direction 模式）、整页 UI 质量审计（属 ui-design Audit 模式）或具名文字特效规格。
主要能力：提供决策框架、弹簧动画、组件模式、clip-path、手势拖拽、滚动动画、性能、调试症状、SVG 动画、审查格式、上下文动画、过渡配方、测量指南、曲线拟合、代码输出、编排、词汇表与界面音效等参考文件。核心规则包括：为反馈、方位、连续性或有意的愉悦而动效；键盘焦点与重复导航保持即时；可中断 UI 优先 CSS 过渡；实现优先级为 CSS 过渡 > WAAPI > CSS 关键帧 > JS；非对称计时；高频短暂 UI 进入 0ms、退出 100-150ms 淡出；可点击控件在 :active 0ms 按下并设 touch-action: manipulation；用 @starting-style 处理 DOM 进入。
使用方式：按工作流执行——判断是否该动效、选择目的/缓动/时长、选实现方式、加载对应参考、验证计时与中断与设备行为。审查时按十项标准输出 Before/After/Why 表并给出 Block/Approve 结论。验证需给出证据：检查布局属性过渡与 transition: all、快速重触发确认过渡重定向、DevTools 动画面板放慢到 10%、确认 will-change 按需切换、真机测试触控、尊重 prefers-reduced-motion。
适用场景：按钮、提示、下拉、模态、抽屉、列表错落、拖拽关闭、滚动揭示、SVG 线条绘制、图标切换、数字滚动、成功反馈、错误抖动等。
限制：不选整体视觉方向、配色或字体；不审计整页 UI 质量；不提供具名文字特效规格。避免动画布局属性、transition: all、核心交互的 filter 动画；滚动驱动动效须用 linear 且无时长；新项目应使用 motion 包而非 framer-motion。具体安装命令与代码示例资料未提供。