Remotion 是一个通过 html、js 等编程方式创建、渲染视频的工具。最近被制作成技能后，更是爆火了一把。

像昵

Remotion 是一个通过 html、js 等编程方式创建、渲染视频的工具。最近被制作成技能后，更是爆火了一把。它的创始人 Jonny Burger，现身说法，介绍了他们如何把这款工具制作成技能，并分享了 3 个超实用的使用技巧。


先说一点背景。Remotion 并不是一个新工具，2021 年就已经有了，基本功能就是用代码来做视频。Jonny 认为视频本质上就是时间轴上组件状态的变化，而 React 很擅长这件事。现在他们又把 Remotion 的专业能力做成了技能，交给 Claude 这样的编程智能体去调用，让代码制作视频这项技术变得更加简单实用。

第一个技巧是用代码生成 “干净的截图视频”。Jonny想在 LinkedIn 上展示一条在 X 上爆火的推文，同时还能播放推文里的视频。他先把推文截图作为背景，再把视频叠加上去。大部分操作都是通过给智能体的提示词完成的，位置不准也不用反复改代码，而是借助 Remotion 的可视化控件，用滑块微调，再把结果保存回代码。这种方式很适合既想快，又希望能够手动精细化控制的人。

第二个技巧是把扁平的 SVG logo 变成 3D 动画。主要展示了 Remotion 和 React Three Fiber 这类成熟技术栈的无缝配合。旋转角度、特效范围、是否导出透明视频，这些都需要人来判断。过程中还暴露了一些问题，比如随机特效和时间轴不同步，会导致渲染闪烁。但正是通过技能，Claude 能识别这些 Remotion 场景下的常见坑，并给出可行的修复方案。这也说明技能是在真正理解上下文技术上编写代码的。

第三个技巧偏向生产力，用 Remotion 做剪辑和字幕。把手机拍的素材丢进去，让代码按顺序拼接。它能自动检测并删除静音部分，添加间隔，字幕转录、对齐时间轴，导出 SRT 文件。整个过程并不是一步到位，但智能体能够自动修复过程中的 bug。

总的来说，Remotion 本质并不是简单的 “一键生成视频”，而是将视频制作的过程工程化。特别适合智能体控制操作。还有，当它和 Figma、After Effects 这些工具一起使用时，非常接近真实的工作流，这可能也是它最近突然爆火的原因。

#AI技术[超话]##AI视频制作##AI创造营# http://t.cn/AXqIgGvg