用途：当页面需要有意为之、有质感且技术上可靠的动效时使用该技能。目标不是堆叠动画，而是让动效澄清顺序、层级、可供性与品牌识别；核心原则是动效跟随结构。
使用方式：写动效代码前，先识别页面已选定的主导布局思路，再确定真正需要的动效任务（入场序列、悬停反馈、粘性叙事、产品演示、状态过渡），从 references/motion_profiles.md 选择一个动效配置；若页面采用粘性或滚动驱动的叙事，加载 references/scroll_choreography.md；从 references/interaction_patterns.md 选择交互模式；需要帮助组织动效需求的表述时加载 references/prompt_recipe.md；执行 references/performance_guardrails.md 中的约束；最后用 references/review_rubric.md 做终检。
组合方式：与 $layout-director 配合作为伴随层使用。通常由 $layout-director 决定结构、层级与风格方向，$animation-director 决定时序、交互行为、滚动编排与动效克制。若尚无稳固结构，应先解决布局。
输出期望：动效限定在有意义的位置；优先使用 transform 与 opacity；避免会导致持续重渲染的动画系统；保持无障碍与可读性；强度按需求而定，而非个人偏好；在移动端清晰度下降时简化或移除装饰性动效。
限制：资料未提供具体参数、代码示例细节、平台与性能指标，也未提供收费或授权信息。