实战指南｜如何用 Remotion Skills 做视频

转场到截图并添加下一个动效

你可以附上产品截图让 Remotion 创建视觉元素。

比如在 TRAE Skills 视频里,我们附上了 TRAE Skills 面板的截图,然后让 agent 根据截图生成下一帧动画：

添加一个动效转场到我提供的截图中显示的面板

另外,你还可以通过提示词在截图内部添加动效。这里我们添加动画来高亮 Skills 面板下的两个不同标签页 Global 和 Project:

现在根据截图,高亮 项目 标签,可以往里面添加几个 Agent Skills。

然后切换到高亮 全局 标签页并打开它,也可以往里面添加几个 Agent Skills

继续添加截图或 UI 元素来打磨细节

你可以继续添加更多截图或 UI 元素来完善视频细节。现在我们在打磨列表中单个 Skill 的细节,让它完美对齐 TRAE 的 原装UI:

现在把添加 Skills 面板的 UI 改成和我提供的截图里的 UI 一致。确保每个 skill 文件显示正确的 logo(左边橙色的那个),右边是开关和设置按钮。

Skill 名称不需要和我截图里的一致

然后添加动效来展示每个 Skill 的开关切换:

现在在 全局 项目里,切换开关 1-2 个 skills 来展示开关按钮。

现在，一个初始的 TRAE Skills 的产品更新动态视频就完成啦。

其他实用的 Remotion Skills 提示词推荐

你可以直接在 AI 对话框输出这些提示词即可。

• 查看视频时间轴，用于调整局部帧的细节

展示一下全部动画效果的时间轴

• 添加一个滑入屏幕的字幕

显示文字 "Agent Skills now available in TRAE" 2 秒,用 Inter 字体
给文字添加一个缩放动画,用 easing out 曲线

• 给元素添加 3D 旋转效果

在开场场景的终端窗口添加 3D 旋转,用 rotateX(20deg) 和 rotateY(-20deg)

• 在视频中添加背景图

把视频的白色背景替换成深绿色背景图

借助 Skill，我们可以大胆探索更多使用场景，不再局限于写代码，它为大家带来了无限可能。如果你还没开始体验，不妨从第一个视频入手，把它当作一个起点：也许从今天起，你解决问题的思路、创造价值的方式，都会悄悄发生变化。