Remotion + Claude code：仅用 代码 就能制作视频，视频剪辑师要完蛋了。。| 用“嘴”做视频、Skills用法

其实 Gemini 3 发布后，我就有在用 React 做视频。

但其实我最近发现：已经有人把这件事做成了一个开源库。

甚至这个库。最近。都有专门的 skills 了。

如果我们直接站在它的肩膀上，效率会高很多。

</>

所以这一期，我们来聊聊 Remotion。—— 程序化制作视频。

如果你是独立开发者，想给自己的产品做宣传视频，但又不太会专业剪辑，那很容易做出来效果一般。

这个时候你可以直接用这个工具：它是基于一个动画组件来生成视频效果的。你只需要录一段视频，然后把你想要的文案、节奏、字幕效果告诉 AI，它就能自动生成带动画的文字展示。

而且它的动画效果比较丰富，你还能跟 AI 反复迭代调整，最后做出来的宣传视频效果会比你自己硬剪好很多。再配合它的 Web 端编辑器做细节修改，就能快速产出一个完整的宣传视频。

这个官方的动画仅通过提示生成;

具体的提示过程。是有记录的，你可以在公众号后台回复：Remotion。

对我来说：除了产品演示视频，另一个是辅助我自己的剪辑。

特别是制作某些片段，比如我最近剪的这个视频：

我在制作这个视频的时候，会用到下面这张图片的场景，我想给它做成动态的，于是我便把这个截图发给了他。

他做出了效果还是可以的。我也没有细看他怎么实现的，倒是有点小惊喜的感觉：

安装

运行这个命令就可以了。

npx skills add remotion-dev/skills

然后按照它的提示，你选择操作即可。它是支持基本上所有支持 skills 的那些开发编码助手的 Codex，Cursor，谷歌的反重力都可以使用。

你可以反复执行这个命令。。我是在反重力、Cursor、Claude Code里面都安装了。

谷歌的反重力有一点很有意思，它语音输入不用转文字，直接原声模型输入。用 Gemini模型即可。

说到语音输入。豆包的手机版输入法实在太好用了，电脑版输入法还是没有上，但是最近我在玩的时候一直在用电脑版本的豆包输入法，那个响应也是着实的快。另外它还有一个豆包chrome插件。可以实现在浏览器中集成 AI 的一些功能，还不错的。

代码即特效

我给他指定了一个自己录制的视频文件。想让它实现在 Dribbble/Product Hunt 上最流行的经典 3D 演示模式。

• 1. Flagship Device (0-5s): 模拟高端设备的厚重感与光泽。
• 2. Helix Gallery (5-10s): DNA 螺旋式的空间画廊。
• 3. Exploded Layers (10-15s): 像精密仪器一样的分解透视。
• 4. Cover Flow (15-20s): 致敬经典的专辑封面流，中间聚焦，两侧隐退。
• 5. Isometric Grid (20-25s): 上帝视角的 2.5D 动态地板，极其适合展示海量内容。
• 6. Phone Scroll (25-30s): 模拟双机位的长内容滚动，这是 App Store 预览的标配

他也指出了可以替换其他视频的方法/位置。

浏览器页面（localhost:3000）

你直接可以要求 AI 让他把生成的视频渲染出来。

其实装好这个技能包后，你让 AI 给你创建第一个视频，它也会打开本地的Web 编辑器，然后你可以看到生成的视频，或者对视频进行再次编辑

右边就是生成的视频，其他部分就类似于剪映这些剪辑软

想法还是挺不错的，既然考虑使用编码来做视频，这些套件也给你开发好了，里面菜单也可以管理依赖包，具体你可以自己去看看。

虽然我感觉，如果你只是给它一些很普通的提示词，或者没有认真去设计生成逻辑，那它做出来的视频可能还是会有点粗糙。

但即便这样，思维模型的转变：视频编辑可以接近编程，After Effects。

地址：https://www.remotion.dev/

🌟 知音难求，自我修炼亦艰，抓住前沿技术的机遇，与我们一起成为创新的超级个体（把握AIGC时代的个人力量）。

点这里👇关注我，记得标星哦～