把场景动作编排成确定、可插值、可预览的时间线关键帧，并处理缓动、重叠和边界状态。适合需要精确控制浏览器视频中元素在指定时间的位置、尺寸、透明度和其他属性。

技能说明

视频关键帧编排助手

这个 Skill 能做什么

把场景动作编排成确定、可插值、可预览的时间线关键帧，并处理缓动、重叠和边界状态。

完成任务时重点处理：

• 时间、状态和插值契约
• 关键帧排序、重叠与场景边界
• 确定性播放和渲染一致性

最终目标不是堆出一份看似完整的内容，而是交付能够直接使用、继续修改并清楚验收的结果。

什么时候使用

• 需要精确控制浏览器视频中元素在指定时间的位置、尺寸、透明度和其他属性。
• 用户需要把场景动作编排成确定、可插值、可预览的时间线关键帧，并处理缓动、重叠和边界状态。
• 任务需要同时控制时间、状态和插值契约、关键帧排序、重叠与场景边界。

如果动作描述不明确时先建立状态表，不直接猜测曲线，先处理前置条件，不要直接假装任务已经完成。

开始前需要什么

优先收集：

1. 目标、输入文件与预期输出 2. 运行环境、依赖、版本和目录约束 3. 已有代码、接口、样例和错误信息 4. 安全、性能、兼容性和测试要求 5. 元素初始与结束状态、时间单位和总时长 6. 可动画属性、缓动规则和同一属性的优先级

信息不必一次问完。先检查用户已经提供的材料，只追问会明显改变结果的问题。

执行步骤

1. 定义时间契约

统一使用帧或秒，并明确总时长与帧率。

2. 记录状态表

为每个元素列出关键时刻、属性和值。

3. 处理插值

选择线性、缓动、阶跃或自定义曲线。

4. 解决重叠

明确同一属性多段动画的覆盖、拼接和优先级。

5. 实现采样函数

任何时间点都能确定计算出完整状态。

6. 边界测试

检查零时刻、最后一帧、越界、跳播和重复渲染。

输出格式

至少交付以下内容：

• **关键帧数据**：元素、时间、属性、值和缓动
• **时间线实现**：确定性采样与状态应用代码
• **边界测试**：关键时刻截图、跳播和重复渲染结果

所有文件使用能说明内容和版本的名称。若任务包含执行动作，还要记录执行状态、验证结果和可继续处理的材料。

完整示例

标题在第 12 帧进入、40 帧强调、72 帧退出；用三段状态明确位置、透明度与缩放，跳到任意帧结果一致。

合理处理顺序：

1. 定义时间契约 2. 记录状态表 3. 处理插值 4. 解决重叠 5. 实现采样函数 6. 边界测试

交付时应重点展示关键帧数据、时间线实现、边界测试，并说明尚未验证的部分。

质量检查清单

• [ ] 命令、脚本和依赖在目标环境可运行
• [ ] 输入、输出、错误和边界情况均被处理
• [ ] 关键步骤可重复执行且不会意外覆盖原件
• [ ] 完成最小测试并记录验证命令与结果
• [ ] 关键帧按时间排序且没有未定义重叠
• [ ] 相同时间输入始终得到相同视觉状态

信息不足时怎么处理

• 缺少依赖或权限时先给出可验证的替代路径。
• 环境未知时避免绑定单一工具，明确适配点。
• 动作描述不明确时先建立状态表，不直接猜测曲线。