用途：为 React 与网页界面设计、实现、审计或修复有目的的动效，用动效解释层级、因果、状态与空间关系，而非单纯让页面显得昂贵。
主要能力：定义动效层级（页面入场、区块揭示、组件过渡、反馈、环境动效）；按需选择最轻机制——简单状态用 CSS，组件生命周期用现有 React 动画库，协调时间线或滚动用 GSAP，仅真实 3D 需求才用 Three.js；在实现前确定时长、缓动、距离、错峰、中断与减少动效规则。
使用方式：先识别用户任务、焦点操作、状态变化与可提升理解的时刻；将动画选择器限定在组件根节点；插件只注册一次，并在卸载时清理时间线、观察器、监听器、帧、几何体、材质、纹理与渲染器；保持布局稳定，尽量动画 transform 与 opacity，避免持续主线程工作与宽泛的 transition: all；针对触屏、窄容器、低功耗设备与隐藏标签页调整密度与编排；在移动与桌面宽度验证真实像素、交互、缩放行为与非空白画布输出。
动效规则：交互反馈即时，装饰动效让位于输入；滚动动画须保留阅读顺序，并在无 JavaScript 时内容可用；重复列表使用克制的错峰并设上限，不在每次微小滚动时重放；3D 场景限制像素比、隐藏时暂停、按实际容器缩放，并提供减少动效的静态帧；主题切换须更新 3D 材质与背景且不使焦点对象消失；不要为纯触屏体验或需精确操作的控制添加跟随光标效果。
交付内容：动效意图、编排（触发、顺序、时序、中断行为）、使用现有技术栈的限定作用域代码、性能契约（清理、设备适配、渲染预算）、无障碍（减少动效与无 JavaScript 行为）、证明（相关状态与视口的浏览器观察或截图）。发布 GSAP、滚动联动或 Three.js 工作前，先阅读 references/motion-checklist.md。
限制：资料未提供具体安装命令、收费与平台信息。