
今天拆的是 Remotion:把 React 组件逐帧渲成视频的那层渲染底座,2026 年它把官方 Agent 入口从 MCP 换成了 Agent Skills 加五个编辑器插件;文章给全它在链条上的位置、五条命令的上手路径、十二处已知阻塞,以及那条按人头和按渲染次数分别起算的许可。
remotion 这一周被下载 2,183,343 次,@remotion/player 1,983,052 次,@remotion/cli 1,512,420 次。6 许可一栏 GitHub 识别为 NOASSERTION,因为它用的是自己那份两层许可:个人与 3 人以下公司免费,4 人及以上要买。27
.agents/skills、.claude、.codex 三个目录,就是这一期要讲的那层接口。2src/Root.tsx 里的 <Composition> 负责告诉它这条片子宽多少、高多少、多少帧、多少帧每秒。1 帧号从 0 数到最后 durationInFrames - 1,官方把这条规则写得很清楚,因为它是这套体系里唯一的时间基准。1
npx skills add remotion-dev/skills。10 里面装的是做法而不是代码:/remotion-markup 讲 React 标记的写法,/remotion-render 讲怎么触发渲染,/remotion-maps 讲地图动画(含 Mapbox、MapLibre、MapTiler 和 CesiumJS 四套方案),/remotion-captions 讲字幕,/remotion-docs 让 Agent 去翻当前文档,/remotion-upgrade 负责升级。技能包也在这份仓库里:remotion-dev/skills 4,867 star,2026-01-19 建仓,2026-10-05 最后推送,GitHub 没有识别出它的许可。11
npx skills add remotion-dev/skills,以及新工程创建时的另一条入口 bun create video;页面里每个技能都配了一个可直接复制的建议提示词,例如「/remotion-create Make a promo video for a record store」。10remotion-documentation 配置、改跑 npx remotion skills add、让 Agent 用 /remotion-docs 查文档;4 官方解释关闭的四条理由写在同页:MCP 的数据可能比文档旧、Remotion 自己承担 MCP 请求的 token 成本、MCP 装起来麻烦且 Agent 调用并不可靠、以及它和 /remotion-docs 技能重复。4 跟进这件事的条目是 #9055。14.md 后缀就是原始 Markdown,请求头写 Accept: text/markdown 也能拿到 Markdown 版本。3 这条对省 token 的意义比听起来大——技能包再全,Agent 也需要在动手前读到当前版本的 API。npx remotion render 最快看到结果;15 要放进产品里就用 @remotion/renderer 的 Node API;8 要跑在云上,官方推荐 AWS Lambda,其次是 Vercel Sandbox,再次是 Cloud Run(还是 alpha,官方明说只在做必要的维护);16 GitHub Actions 和 Docker 也各有官方例子。17| 你提供 | 它交回 |
|---|---|
Node.js 和一份 React 工程(npx create-video 可以生成)9 | 一条可以用 CLI、Studio 或 Node 程序渲出来的工程,画面、时长、参数全在代码里15 |
| 一个能读文件能跑命令的编码 Agent,以及它的订阅9 | Agent 改代码,你在 Studio 里实时看结果,不满意就继续改12 |
| 一句需求 | 一套可参数化的合成工程,换素材、换文案、换尺寸不用重做1 |
| 可选的一个 AWS 账号18 | 分片并行渲出来的成片,加一份渲染进度与预计花费18 |
| 团队在 4 人及以上时的一份许可7 | 现在解锁不了任何功能,它买的是合规,公司档唯一的独有物是优先支持19 |
| 想要现成编辑器时的一次性购买20 | Editor Starter:时间线、画布、字体选择器、素材上传等一整套编辑器组件20 |
npx create-video --yes --blank --no-tailwind my-video
cd my-video
npx remotion skills add
npm run devcd my-video
claude # 或者 codex / kimi / opencodenpx remotion render MyComposition--yes --blank --no-tailwind 这三个参数是有用的——不带 --yes 会进交互问答,不带 --blank 会给你一份示例工程,--no-tailwind 跳过 Tailwind 的自动安装(官方自己在 2026-10-02 的 #11955 里也在重新考虑这个默认行为)。921@remotion/compositor-win32-x64-msvc 里的 FFmpeg DLL 没有签名,被系统策略拦掉;同一批还有 #11784,把「用微软的签名服务给这些二进制签名」列成待办。2223 你能做的:先在 macOS 或 Linux 上跑通,或者把渲染放进容器;Windows 当主力机这件事,等这两条落地再说。npx remotion render 渲长片,中途进程被杀或内存被挤爆。现状是 2026-10-01 的 #11864 还是一条开放的功能请求,标题写的就是「可续跑、能自愈的长片本地渲染(分段重试加挂死看门狗)」。24 你能做的:长片交给 Lambda 分片跑,或者在本地把它拆成几段分别渲再拼。create-video 建完工程,终端还让你复制几条命令手动跑。触发条件是第一次用官方脚手架。现状是 2026-10-01 的 #11873 就在问这件事,同一批的 #11868 提到「Open in」按钮打开的是编辑器,而官方自己也支持 Agent 入口。2728 你能做的:把这一步交给 Agent,让它照 README 把命令跑完。renderMediaOnWeb() 调用之后既不报错也不出片。触发条件是在 Safari 27 上渲 H.264。现状是 2026-10-04 的 #11964,标着 bug,已有四条回复。30 你能做的:把浏览器内渲染当 Chromium 专属能力,交付前看用户实际用什么浏览器。@remotion/media 的 <Video> 抽帧超时。触发条件是容器内存上限设在 16GB 以上。现状是 2026-08-28 的 #10909,报的现象是内存给得越多反而越容易超时。31 你能做的:容器内存先按 8GB 上下给,别一次给到 32GB。TooManyRequestsException: Rate Exceeded,或者 ConcurrentInvocationLimitExceeded。触发条件是同时渲多条片子。现状是官方文档写明默认并发是每区域 1000,个别区域的爆发上限只有 500,而 AWS 会给一部分新账号一个低到 10 的初始配额;配额不够时可以用 --concurrency=1 只在主函数上渲,或者用 --concurrency=8 留出一个调用给进度查询。33 你能做的:生产环境提前提配额,或者把并发参数压到配额以内再上量。remotion-documentation。现状是官方把 MCP 标成废弃、写明托管服务「不早于 2026-08-31 关闭」,并把四条例由写在同页;跟进条目 #9055。414 你能做的:删掉编辑器里的 MCP 配置,改跑 npx remotion skills add,让 Agent 动手前先读 /remotion-docs。
renderMedia()、renderStill()、renderFrames()、三个 Lambda 接口、两个 Cloud Run 接口、两个 Vercel 接口、两个浏览器内渲染接口,以及 npx remotion render、npx remotion lambda render、npx remotion cloudrun render 三条命令。19 做自动化的人不需要买席位。19
| 方案 | 你给它什么 | 它给你什么 | 它在这一层 | 许可与公开体量 |
|---|---|---|---|---|
| Remotion | 一份 React 工程、Node、一个能跑命令的编码 Agent | 逐帧渲出来的 mp4,外加一个可交互的预览 | 渲染底座 | 自订两层许可,GitHub 识别为 NOASSERTION,62,191 star2 |
| OpenMontage(第 22 期) | 一个编码 Agent、三个运行时、一句需求 | 按 YAML 清单跑的产线,加一块看得见花费的本地看板 | 方法论与资产 | AGPL-3.0,64,675 star36 |
| HyperFrames(第 14 期) | 一份 HTML 与 CSS 工程 | 逐帧拍出来的 mp4 | 渲染底座 | Apache-2.0,57,921 star37 |
| video-use | 一个装满素材的文件夹 | 读着词级转写稿剪出来的 final.mp4 | 编码 Agent 的剪辑技能包 | MIT,28,263 star38 |
| hypit(第 15 期) | 一条参考视频 | 可重跑的 SVML 作品源码 | 工作流描述语言 | 改过的 Apache-2.0,19,669 star39 |
| Toonflow(第 17 期) | 一台机器、四类模型 Key、逐段授权 | 一张可继续编辑的无限画布工程 | 编排与工作台 | MIT,16,548 star40 |
| OpenCreator(第 19 期) | macOS 或 Windows 机器、一个可用的 Codex 登录态 | 十项创作工具加一个 Agent 会话 | Codex 之上的宿主外壳 | Apache-2.0,12,605 star41 |
| ViMax(第 18 期) | 三类模型接口、一个工程目录 | 从想法或剧本推到多镜头成片 | 自带 Agent runtime 的多 Agent 编排 | MIT,12,553 star42 |
| ArcReel(第 20 期) | 一台能跑 Docker 的机器、两套模型凭据、一段原文 | 资产、分集、分镜、视频,加一份剪映草稿 | 自部署的产线工作台 | AGPL-3.0,5,316 star43 |
| Diffusion Studio(第 13 期) | 一份 JSX 时间线 | 你与 Agent 轮流改的桌面编辑器工程 | 编辑器 | MPL-2.0,3,236 star44 |
| OpenChatCut(第 16 期) | 素材与一句自然语言 | 可撤销的真时间线工程 | 编辑器加 MCP | AGPL-3.0,2,150 star45 |
| OpenEdit(第 21 期) | 一个编码 Agent、一段素材 | 一张 HTML 页渲成的 mp4 | 命令行工具箱加技能 | Apache-2.0,1,579 star46 |
src/Root.tsx 里注册合成——写页面和写工程是两种活,前者更低门槛,后者更容易参数化和批量复用。更要紧的一条是许可:HyperFrames 是 Apache-2.0,你把它接进自动化流水线不用为人数付钱;Remotion 的第 4 个人和每一次自动化渲染都在计费口径里。前面二十二期里那些把 Remotion 当默认渲染器的方案,这笔钱最后都会落到使用者的账上,第 19 期的 OpenCreator 把 remotion 4.0.473 钉在包里,第 22 期的 OpenMontage 把 remotion ^4.0.484 钉在 remotion-composer 里,都是这个道理。remotion.dev
github.com
remotion.dev
github.com
npmjs.com
raw.githubusercontent.com
remotion.dev
remotion.dev
remotion.dev
github.com
remotion.dev
remotion.dev
github.com
remotion.dev
remotion.dev
remotion.dev
remotion.dev
remotion.dev
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
remotion.dev
github.com
remotion.dev
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
github.com
This story was produced automatically by a channel. One sentence is all it takes for Neodrop to keep producing for you.