用途：该技能聚焦“编排”，即多个运动元素如何在时间与空间上协同，以传达交互意图。适合与基础动效指南配合使用，构建复杂 UI 流程中清晰、一致、可上线的动效系统。
适用场景：需要设计含多个动画元素的序列；构建错峰揭示、列表过渡与布局模式切换；实现模态、抽屉、气泡与浮层交互堆叠；处理密集界面中的添加、移除、重排；将点击、拖拽、滚动等输入映射为动效响应；审查动效层级是否匹配产品层级。
编排模型：将每个序列视为三层角色——主角色（代表状态变化的元素）、配角（强化上下文的邻近元素）、环境角色（背景、遮罩、容器、页面级连续性）。默认先动主角色，再配角，最后环境，除非交互模型要求相反顺序。
时间架构：采用可预测的节拍结构——引导节拍（0-80ms，即时确认）、主节拍（120-240ms，主要状态变化）、跟随节拍（偏移 20-60ms，辅助上下文更新）、稳定节拍（80-180ms，最终稳定）。倾向非对称：退出略快于进入。
核心原则：每个节拍只用一个主导轴，避免方向信号冲突；限制同时进行的高幅度运动；仅在有助于扫描顺序与层级时使用错峰；相似组件保持节奏一致；重排过渡中保留空间锚点。
输入映射：点击/轻触需在 80ms 内给出即时视觉响应；按压/长按需在提交过渡前包含按压态；拖拽时动效直接跟随指针，仅在释放/提交时播放稳定动画；键盘导航需保持焦点连续性，避免令人迷失的位移。
减少动效：当请求减少动效时，尽量移除空间位移，保留用透明度/状态变化表达的序列逻辑，用对比、分层与时间而非位移距离保持层级，并确保状态变化依然明显且即时。
反模式：延迟交互完成的级联；各组件使用互不相关的缓动与时长令牌；高频交互使用大位移；进入与退出同时进行、争夺焦点；核心任务界面中的装饰性无限动画。
输出契约：使用时返回五个部分——故事板（谁在何时以何顺序移动及原因）、时间线规格（时长、偏移、缓动令牌、距离）、实现计划（CSS/JS/View Transition 结构）、无障碍与降级（减少动效与不支持特性的策略）、验证计划（性能与体验检查）。发布前可参考 QA 清单文件。具体配方与时间线见 references/CHOREOGRAPHY_PATTERNS.md、references/INTERACTION_SCENARIOS.md，可复用错峰工具见 references/STAGGER_SYSTEMS.css，QA 清单见 references/QA_STORYBOARD_CHECKLIST.md。