Remotion Skills：一句话生成视频，剪辑师要失业了？

网址

type

Post

status

Published

date

Jan 25, 2026

slug

remotion

summary

先说背景：从"写代码做视频"到"说话做视频"

Remotion 这个项目其实不新了。它是一个用 React 代码生成视频的框架，核心思想特别简单：每一帧都是 React 组件，最后渲染成 MP4。

但问题也很明显：门槛高得离谱。

你想做个视频，得先懂 React，还得会写 CSS 布局，得理解时间轴、帧率、转场。这哪是做视频啊，这简直是在考计算机二级。

我去年试过一次。想做一个简单的产品演示视频，光是"怎么让文字一个个出现"这个问题，我就研究了半小时，翻了三个教程，最后放弃了。

我相信很多人都有类似的经历：想做视频，但被技术门槛挡在了门外。

但就在 2026 年 1 月，Remotion 官方搞了个大事：推出了 Agent Skills。

简单来说，就是把这玩意儿接入了 Claude Code。

这意味着什么？

意味着你不需要苦哈哈地敲代码了。你只需要像在这个对话框里聊天一样，告诉 Claude：

"给我做一个 30 秒的产品宣传片，要有背景音乐，要炫酷的转场，配色要这种蓝黑科技风。"

然后，神迹发生了。

真的神迹。

屏幕上的代码开始自动生成，一行行 React 组件像泉水一样涌现。不到 10 秒钟，整个视频的代码框架就搭建好了。

我打开预览窗口，点击播放。

视频真的出来了。

背景音乐在播放，文字在淡入淡出，转场效果流畅，配色正是我要的蓝黑科技风。

不是我手敲出来的，不是设计师做出来的。

是 AI 写出来的，自动生成的。

那一刻，我确实愣住了。

震撼数据：2 天 430 万浏览量

先给你几个数字，让你感受一下这次爆发的程度。

Remotion Skills 在 1 月 20 日发布，到今天才 4 天：

2 天内 430 万浏览量

1.4k 转发

9.9k 点赞

发布 6 小时内安装量突破 2 万

这个数据，连 Remotion 官方自己都意外。

他们在 Twitter 上发了条推文，有人直接回了一句扎心的话：

"Video editors are cooked." （视频剪辑师完蛋了。）

这句话说得有点狠，但不得不承认，它确实让整个行业都沉默了。

为什么？

因为这不再是"写代码做视频"了。

这是"说话做视频"。

一字之差，两个时代。

核心突破：AI 成了"翻译官"

让我用最简单的方式解释一下这套系统在干什么。

你想象一下，你有个只会说中文的朋友，想和一个只会说英文的人交流。以前怎么办？

要么你朋友学英语（学 React），要么对方学中文（学视频剪辑）。两者都很痛苦，都不是一朝一夕的事。

现在有了 AI，它成了翻译官。

你朋友说中文，AI 翻译成英文，对方听懂了，执行，结果回来，AI 再翻译回中文给你。

这套系统在做的事，就是类似的事情。

你用自然语言描述需求 → AI 理解并转换成 React 代码 → Remotion 渲染成视频 → 你看到结果

整个过程中，你不需要懂一行代码。

你只需要说人话。

这就是颠覆性所在。

实测效果：30 分钟的工作量，几秒钟搞定

前天晚上，我决定亲自试一下。

效果确实有点离谱。

第一个测试：做一个复杂的数据可视化视频。包含了图表动画、字幕同步、转场效果，大概 30 秒的长度。

用传统方式，我得：

打开 Premiere

导入素材

在时间轴上拖拽

调整动画参数

加字幕

调色、加特效

渲染导出

整个过程，哪怕是我这种熟练用户，至少也得 20-30 分钟。

但用 Remotion + Claude 呢？

我给 Claude 输入了这么一段话：

"创建一个数据可视化视频，展示过去 12 个月的销售趋势。要用动态柱状图，每个柱子一个一个出来。加上渐变色，配上节奏感强的背景音乐。最后加个总结标题。总时长 20 秒。"

3 秒钟后，Claude 说："我已经生成了代码，你可以预览了。"

3 秒钟。

我打开预览窗口，视频已经渲染好了。柱状图动画、渐变色、音乐、总结标题，全部都在。

我想改一下节奏，加了一句："第三个柱子的动画太快了，延迟 0.5 秒。"

Claude："好的，已修改。"

预览窗口瞬间刷新。

我一共改了 4 次，整个过程从想法到最终视频，不到 5 分钟。

20 分钟 vs 5 分钟。

4 倍的效率提升。

这还不是最可怕的。最可怕的是，这个过程几乎没有学习成本。

你不需要懂 React，不需要懂 CSS，不需要懂时间轴。你只需要说清楚你想要什么。

这哪里是效率提升，这简直就是对传统剪辑软件的降维打击。

深入原理：为什么这么快？

这背后的技术架构，其实挺优雅的。

Remotion 做的事，本质上是把视频制作拆成了三个层次：

第一层：基础设施层

创建 Remotion 项目

安装工具包

配置视频参数（分辨率、帧率、时长）

第二层：内容创作层

设计视频分镜

编写 React 组件

实现动画逻辑

选择配色方案

第三层：渲染输出层

启动实时预览

触发最终渲染

迭代优化

以前，这三层都需要你懂、你做。

你是个"全栈视频工程师"，得懂技术，也得懂设计。

现在，AI 成了"技术实现者"。

你只需要当"导演"，说出你想要什么，AI 会：

理解你的需求

规划任务清单

一步步执行

实时给你反馈

你 = 导演

AI = 技术团队

这就是为什么这么快的原因。

分工明确，各司其职。

技术细节：Remotion 的渲染魔法

这里得稍微深入一点，说说 Remotion 是怎么把代码变成视频的。

你可能觉得，这不就是"录屏"吗？有什么高科技？

还真不是。

Remotion 的渲染流程是这样的：

第 1 步：启动无头浏览器

用 Puppeteer 启动一个没有界面的 Chrome 浏览器。

第 2 步：加载你的 React 代码

把你的代码当作"网页"加载进去。URL 里带着 frame 参数，告诉浏览器："现在渲染第几帧"。

第 3 步：等待渲染完成

React 组件可能有异步操作（加载字体、图片），Remotion 会等所有内容就绪。

第 4 步：截图

把当前页面保存为 PNG 图片。

第 5 步：切换到下一帧

修改 frame 参数，重复步骤 3-4。

重复 1800 次（假设 30fps、60 秒视频）。

第 6 步：FFmpeg 合成

把这 1800 张图片用 FFmpeg 合成视频。

这个过程听起来很暴力，但有个关键优化：并行渲染。

如果你的 CPU 有 6 个核心，Remotion 可以同时启动 6 个浏览器进程，每个负责一部分帧。

理论上，渲染时间可以缩短到原来的 1/6。

就像工厂流水线，多个工人同时工作，效率提升是指数级的。

暴力，但有效。

真实场景：批量生成 500 个视频

这才是最可怕的部分。

想象一个场景：你是个电商运营，下周要做 500 个产品视频，每个产品都要有：产品展示、价格、卖点、购买链接。

用传统剪辑软件，这是不可能完成的任务。

哪怕一个视频只要 10 分钟，500 个也得 80 多个小时。

80 多个小时，那是 10 个工作日。

一个月就这么没了。

但用 Remotion + AI，怎么做？

第一步：准备数据

做一个 Excel 表，包含所有产品的信息：

产品名称

产品图片 URL

价格

卖点

购买链接

第二步：写一个模板

用 Remotion 写一个通用视频模板，这些字段用变量代替。

第三步：批量生成

写一个简单的脚本，读取 Excel，对每个产品调用视频生成 API。

500 个视频，自动化跑通，可能也就几小时。

几小时 vs 80 小时。

10 倍以上的效率提升。

第四步：一键更新

如果价格变了，只需要改 Excel，重新跑一遍脚本。

这哪里是"生成视频"，这简直就是"视频流水线"。

你说，传统剪辑师怎么跟这个竞争？

几盆冷水：限制与挑战

第一，门槛降低了，但没完全消失。

这套系统目前还不是"一键傻瓜式"软件。你得：

在本地安装 Node.js

安装 Claude Code

在终端里敲命令：npx skills add remotion-dev/skills

这一步，就能把 90% 连终端是什么都不知道的人挡在门外。

这不是给普通用户用的，这是给技术爱好者用的。

第二，吃内存的"显卡杀手"。

Remotion 的原理很暴力：它不管代码是人写的还是 AI 写的，底层逻辑都是逐帧渲染。

一旦你的画面复杂点，渲染的时候内存直接爆炸。

有时候你发现，这玩意儿导出的速度，可能还没你用剪映拖拽快。

暴力渲染，也是有代价的。

第三，最致命的：版权陷阱。

这是很多博主没告诉你的坑。

Remotion 不是常规的 MIT 开源协议。它用的是一种特殊的公司许可证：

个人开发者、非营利组织，或者是 3 人以下的小团队：免费

如果是公司使用，或者你想用它搭建一个商业化的视频生成服务卖钱：得掏钱买商业授权

你想拿它做商业产品？那得算算成本。

免费是最贵的。

入门指南：10 分钟跑通第一个视频

如果你已经跃跃欲试，想亲自试试，这里有个快速入门指南。

前提准备

Node.js >= 16

Claude Code 已安装并登录

第一步：创建项目

选个模板，新手选 "HelloWorld" 就行。

第二步：安装 Skills

这条命令会下载 Remotion 的技能包到你的项目。

第三步：启动预览

浏览器打开 http://localhost:3000，你会看到 Remotion Studio 界面。左边是视频预览，右边是时间轴和参数控制。

看到这个界面就说明环境配好了。

第四步：让 Claude 帮你做视频

打开 Claude Code，进入项目目录，输入：

"创建一个 10 秒的标题动画。标题是'AI朱朱侠说 AI'，字体要大一点，背景是深蓝色。加上淡入效果，字幕从下往上滑出来。"

几秒钟后，Claude 会生成代码，你在预览窗口就能看到效果。

第五步：不满意就改

"背景太深了，改成天蓝色。标题字号再大一点。"

Claude 会修改代码，预览窗口实时刷新。

第六步：渲染导出

满意了，渲染：

myvideo 是你在代码里定义的视频 ID，通常在 src/root.tsx 里能找到。

往大了说：视频生产的范式转变

写到这里，我想起 Paul Graham 之前写过一个很扎心的类比：

工业化之前，大多数人都很强壮，因为日常工作就需要体力劳动。但现在，只有主动去健身房的人才强壮。

AI 时代的写作可能是这样。视频制作也可能是这样。

以前，工作需要视频制作，所以大多数人都会保持一定的剪辑能力。但如果 AI 可以替代视频制作，那未来可能只剩下两类人：

主动选择学习的人，掌握真正的创作能力

完全依赖 AI 的人，逐渐失去创作能力

这不是"剪辑师与非剪辑师"的分化。

这是创作者与消费者的分化。

Remotion + Claude 的组合，确实让我们看到了"视频生成自动化"的未来。它让"用代码控制视频"这种原本属于程序员的超能力，变得平易近人。

这本身就是一种民主化。

但核心问题还是那句话：

AI 能帮你提高效率，但不能替代那些真实的、有温度的、经过深度思考的内容。

技术是工具，不是目的。

视频是这样，文章也是这样，所有创作都是这样。

工具是工具，创作是创作。

关键是，你得知道什么时候用工具，什么时候靠自己。

参考资料

Remotion 官方文档：https://www.remotion.dev/

Remotion Skills：https://www.remotion.dev/docs/ai/

Claude Code：https://docs.anthropic.com/en/docs/claude-code