Explainer Motion

---
name: explainer-motion
description: Design or implement explanatory motion with observable state changes, optional 2D and 3D, deterministic timing and actual preview checks.
---

[English instructions](SKILL.en.md) · 简体中文

For English-language tasks, read [SKILL.en.md](SKILL.en.md) and its English reference templates before proceeding. Both editions use the same tools and authorization boundaries.


# 机制解释动画
目标是让观众看见关系怎样改变。适用于因果、流程、尺度、对比、数据与产品机制；不要求把有价值的真实素材换成动画。

## 导演输入
按 [Brief 与实现包](references/motion-brief.md) 确定观众问题、核验内容与假设、对象初始/结果状态、触发事件、注意力顺序、实际音频锚点、当前工程和安全区。
2D 表达关系、流程和数据；3D 表达实体、层次、尺度与空间运动。围绕同一解释自然组合，简单关系保留简单画面，不规定每镜都用 3D。
固定内容、改变表现：风格选择同时考虑材质、空间、运动与可读性，单纯换颜色不是机制演示。

## 实现选择
采用用户现有 Remotion、SVG/HTML、Canvas、Three.js 或编辑工具；先核对版本/能力。不因参考教程自动安装、改栈或切模型。若指定主创/模型，显式提供必要正文、源码、可读附件与实际接口；链接或本机路径不代表对方已读取。
分开内容状态、布局与渲染到足够程度。可寻址渲染的画面应由时间/帧和输入确定：固定随机、避免累计漂移，重复和乱序 seek 得到同一状态；物理模拟用固定步长重放或可验证检查点。
数量/面积/长度承载数据时按真实值或明确假设计算；动画过渡没有精确计量意义时避免用精确标签误导。结论在变化可读后出现。
对象身份与连续关系保留；光影、响应层、音效与镜头运动服务主事件。效果按需，避免全片弹跳、装饰箭头与大段文字轮播。

## 预览与修订
先做完整代表事件和接缝，带本次实际声音。实际看正常速度运动，必要时查事件前后帧；实际听辨旁白和声事件。静帧、解码成功、波形与代码检查各自记录，不升级为视听通过。
检查数据、假设、文字阅读、动作触发、全片/局部时钟、遮挡与手机尺寸。缺能力时交“已实现，视听待验收”，附具体时间段。
修改优先解决解释错误和同步问题，再调整材质。纯字幕或 Logo 修订不重做整段机制。

## 产物
Brief、事件表、可维护源码、依赖/运行说明、预览、实际观察范围、修订处理与当前输出。工具或模型不可用时明确待项，不冒称有成片。