用途:Motion Director 面向动效设计决策,适用于设计动效概念、动画系统、编排、时序、缓动、减少动效行为,以及判断 Web UI 等场景该用哪种动效技术栈。
主要能力:其工作流先识别输出目标(产品 UI、落地页、社交视频、GIF、设计原型或嵌入式动画资产),再定义动效任务(引导注意力、解释状态、制造愉悦、讲解概念或表达品牌)。随后选择技术栈:Motion 用于 React UI 状态与布局过渡;GSAP 用于时间线、滚动、SVG、文本与高控制编排;Rive 用于交互式状态机动画;Lottie 用于可移植矢量循环;Remotion 用于渲染视频/GIF;Three.js 用于空间/3D 场景。之后指定时序令牌、缓动、错峰规则与减少动效行为,并要求实现代理修补代码,最后捕获输出并用动效质量评分表打分。
输出形态:返回动效目标、推荐技术栈、编排、时序/缓动令牌、减少动效路径、实现说明与 QA 清单。
限制:资料未提供具体安装命令、收费、价格、平台支持范围或效果保证;实际使用需结合项目环境与实现代理能力。