01 / 从想法到输出
一个可以照着做的流程
先确定故事，再拆组件
先选出观众看完需要记住的一个动作。一条 18 秒产品短片可以用 0–4 秒呈现问题、4–13 秒展示真实产品操作、13–18 秒呈现结果与下一步。这是本站建议的编排，不是上方作者原片的时间线。
把第一个场景变成可检查的小样
固定画幅、帧率与总帧数。加入转场前先检查三张静帧。产品截图在最终尺寸下必须读得清；如果不清楚，裁出相关区域并减少旁边的文字，不要用更大幅度的镜头运动掩盖问题。
把内容与动画参数分开
Logo、标题和截图路径应该是明确输入。把场景边界和动画参数集中定义，避免多个组件各写一份时间值。换一个语言或另一个产品时，才能修改内容，而不用重建整条片子的节奏。
检查编码后的成片
把导出文件放到独立播放器里观看，检查第一帧、场景交界、字体与片尾停留。再在手机上静音看一遍。预览顺滑，并不能证明交付文件的声音、字形和节奏都正确。
02 / 从这里开始
复制后，换成自己的任务
下面是本站编写的完整示例请求。先替换输入材料与交付规格，再发给 Agent。它不是展示案例作者的原始提示词，也不保证一次生成相同作品。
使用已安装的 Remotion Skills，在现有工程里制作 18 秒产品发布视频。输入：logo.svg、before.png、after.png 和一条审核过的标题。1920×1080，30 fps。故事：问题 4 秒、产品操作 9 秒、结果与行动 5 秒。文案和素材路径使用 props。先展示三张代表性静帧，再导出 5 秒测试。不虚构界面或产品指标。交付源工程、视频和输出检查表。真实素材、要解释的机制、已核实的数字。
React 合成 · 明确尺寸、时长和文件。
静帧 → 小样 → 完整输出 → 独立播放或操作。
03 / 看懂一条作品
拖动一帧，理解时间线
LESS NOISE. MORE SIGNAL.
From a thought to a finished thing.
拖动到任意一帧，再回到同一位置：画面和读数保持一致。切换曲线比较运动节奏。这是用于解释时间线的本站示例，不是工具生成效果或性能实测。
04 / 检查与修正
效果不对时，先查这些
换文案后画面被挤坏
尽早测试最长标题。给文字预留明确安全区域，调整布局，不要把每个标题无限缩小。
同一帧重复渲染却不一致
检查真实时间计时器、未固定种子的随机数，以及截图过程中才加载的素材。动画应由请求的帧决定。
竖版像被硬裁切
把竖版当作另一个合成：重排截图与标题，再按竖版尺寸逐场景检查。
常见问题
安装 Skill 等于装好了渲染器吗？
Skill 用于指导 Agent，工程和渲染环境仍需配置与检查。从官方安装文档开始。
展示案例确认用了 Remotion 吗？
BridgeMind 在原帖中明确提到了 Remotion。模型和工具归因来自作者声明，本站没有复现其原始制作过程。
来源与展示说明
工具能力与安装信息以原项目为准；本文中的创作流程、示例请求和检查建议由 Hermes 编辑编写。推荐不等于完成了全部工具实测。
Official Remotion Skills ↗Remotion fundamentals ↗Rendering ↗
