<!-- title: 出片件横评：三条引擎三种脾气 -->

## 同赛道横评第七轮：代码出片件

本栏的定期观察到了第七轮，照例做同赛道横评。这次选的赛道是「代码出片」——不调生成模型、不抽卡，让 Claude 一行行写代码把视频画出来。货架上同赛道的三个名字排得非常整齐：`remotion-video-creator`、`manim-video-creator`、`processing-video-creator`，三个名字一个句式，底下踩的却是三块完全不同的地基：React、Python 数学动画、创意编程画板。

结论先放在最前面：这条赛道没有全能冠军，**引擎决定了天花板，选件其实是选引擎**。这一篇刻意不比热度与门牌，三个 skill 的星数与出身变动太快，本文只比引擎能力与 SKILL.md 写法，具体数据以各家仓库为准。

## 评测对比表

| 维度（权重） | remotion-video-creator | manim-video-creator | processing-video-creator |
|---|---|---|---|
| 功能完整度（25%） | ★★★★★ | ★★★☆ | ★★★ |
| 设计质量（25%） | ★★★★ | ★★★★ | ★★★ |
| 实战效果（20%） | ★★★★ | ★★★★（限数学场景） | ★★★ |
| 上手难度（15%） | ★★★★（会前端即上手） | ★★★ | ★★★★（概念少） |
| 社区活跃度（15%） | ★★★★★ | ★★★★★ | ★★★ |
| **加权总分** | **4.5** | **3.9** | **3.4** |

## React 那条线：remotion-video-creator

**定位**：把视频当网页写。Remotion 的核心抽象是一句话——**每一帧都是一次 React 渲染**。`useCurrentFrame()` 拿到当前帧号，`useVideoConfig()` 拿分辨率和帧率，`<Sequence>` 组件排时间轴，`<Audio>`、`<Img>` 直接当组件往里塞。写完执行 `npx remotion render`，底层开一个无头 Chromium 逐帧截屏、编码、出 MP4。

**亮点**：这是对 Claude 最友好的一条线。训练语料里 React 组件代码海量存在，skill 真正要教的只剩「视频思维」——帧、时间轴、`interpolate()` 插值、`spring()` 弹性，剩下的模型自己会。模板生态也是三家里最厚的，字幕、音频对齐、数据图表动画全是现成件，改改文案就能出片。

**短板**：渲染要真的开 Chromium，机器不行就得排队；许可上要留神，Remotion 对个人免费，但公司团队商用需要向官方购买许可，接活之前先看清。另外 CSS 动画和帧驱动动画混着写时，容易「浏览器里预览是对的，导出来就抖」。

**设计要点**：这类 skill 的 SKILL.md 必须把「确定性渲染」钉在开头——所有画面都是帧号的纯函数，禁止 `setTimeout`、禁止不设种子的 `Math.random()`。这条是 Remotion 官方反复强调的规矩，模型一旦写出依赖真实时钟的代码，导出直接报废。能不能把这条立成铁律，是这条线 skill 设计水平的分水岭。

## 数学那条线：manim-video-creator

**定位**：3Blue1Brown 的家底。Manim 由 Grant Sanderson 为自己的数学科频道路手写，后来社区接手维护出 ManimCE 版本。心智模型极其干净：写一个 `Scene` 类，在 `construct()` 里一句 `self.play(Write(公式))` 配一段 `self.wait()`，「一行代码一段动画」，模型照着声明式套路走，不用管帧。

**亮点**：数学表达力是天花板级的。公式逐步变形、推导过程逐步展开、几何体沿路径运动，这些是另外两条线写不出来的画面；LaTeX 原生支持意味着「好看」这件事自带底子。对课程讲解、论文解读这类内容，效率碾压。

**短板**：渲染慢，逐帧走 Cairo 出图，一分钟成片等几分钟很正常；更要命的是版本分裂——网上教程一半是 3b1b 原版、一半是社区版 ManimCE，同类动画参数对不上，Claude 极易串版，写出一半旧语法一半新语法的缝合代码；出了数学讲解这个圈子，用途骤窄。

**设计要点**：SKILL.md 第一件事是钉死「只用 ManimCE 的 API」，给出 `manim -qm scene.py MyScene` 这样的命令模板当样板；第二件事是教节奏——`self.wait()` 该停多久、镜头该什么时候推近。不教节奏，产出就是一部快门幻灯片。

## 画板那条线：processing-video-creator

**定位**：三家里资历最老的地基。Processing 是 2001 年 MIT 媒体实验室的 Casey Reas 和 Ben Fry 发起的创意编程环境，`setup()` 画布、`draw()` 循环，二十多年来生成艺术圈子用它当母语。出片靠 `saveFrame("frames/####.png")` 逐帧落盘，再用 ffmpeg 合成。

**亮点**：随机、噪声、粒子、元胞自动机这些生成艺术原语最顺手，`noise()` 一个函数就能画出有机的纹理；`draw()` 循环与「动画就是状态随帧演化」的模型一拍即合；它的 JavaScript 姊妹版 p5.js 还能把同一套思路带回浏览器。

**短板**：它不是为出视频而生的。三家里唯一需要 skill 亲自补「视频拼装」环节的就是它——saveFrame 落完帧，ffmpeg 命令得自己拼；音频支持约等于无；Java 语法的写法足够老派，Claude 偶尔会串味写成 JavaScript，画布尺寸这类全局调用放错位置就直接报错。

**设计要点**：SKILL.md 必须教「用 `frameCount` 编号帧、别用 `millis()`」，并把 ffmpeg 合帧命令一步不省地写全。这条线 skill 的好坏，几乎就看导出链路写得细不细。

## 三条线给 SKILL.md 出的三道考题

把三个 skill 并排看，会发现同一个赛道的 skill，设计难点完全不同：

- **Remotion 线考的是禁令**：语言模型太会写 React 了，skill 的价值在「什么不许做」——不许有时钟、不许有随机、不许异步。写好负面清单，出片就稳。
- **Manim 线考的是消歧**：API 有两套血脉，skill 的价值在「替模型选边站」，把版本钉死、把命令模板给全，杜绝缝合代码。
- **Processing 线考的是补全**：引擎不管视频，skill 的价值在「把缺的工序补上」——落帧规范、目录结构、ffmpeg 参数，一道工序都不能省。

三种考题对应三种写法：禁令写进正文开头，消歧写进命令模板，补全写成 step-by-step。这也是写任何 skill 都可以套用的三分法：**先判断你的引擎在哪一步会掉链子，再把那一步写成铁律**。

## 赛道边界：程序化的对面站着生成式

这条赛道的对面还有一类邻居：调用 Sora 这类生成模型 API 的 skill。两种路线的分工其实很清楚——程序化路线像素级可控、可改参数重渲染、图表和公式零幻觉，代价是每个画面都得写出来；生成式路线省事、画面«有生命感»，代价是不可控、文字内容容易出错、改一个镜头要整段重抽。内容以数据和讲解为主的片子，程序化仍是更稳的选择。

## 选型决策图

```mermaid
flowchart TD
    A["要出一支视频"] --> B{"画面主角是什么"}
    B -->|公式与推导| C["Manim 线"]
    B -->|产品与数据| D["Remotion 线"]
    B -->|粒子与随机| E["Processing 线"]
    C --> F["pip 安装 manim"]
    D --> G["npm 拉模板"]
    E --> H["saveFrame 落帧"]
    F --> I["manim 命令出片"]
    G --> J["remotion render 出片"]
    H --> K["ffmpeg 合帧出片"]
```

## 推荐排行榜

- **数学/课程/论文讲解**：manim-video-creator → 没有对手的细分冠军
- **产品宣传/数据播报/字幕视频**：remotion-video-creator → 生态最厚，出片最快
- **生成艺术/演出视觉/片头包装**：processing-video-creator → 独门生意
- **商用许可最省心**：Manim、Processing（Apache/MIT 系）优先，Remotion 接商用单前先买许可
- **前端团队零成本切入**：Remotion，语法零学习成本
- **想顺手学前端动画**：Processing 的 p5.js 姐妹版迁移最平滑

## 安装与使用

三个 skill 本体的安装方式一致：把对应 skill 目录放进 `~/.claude/skills/`，Claude Code 会自动识别 SKILL.md。引擎侧各备一份：

```bash
# Remotion 线：脚手架 + 渲染
npx create-video@latest
npx remotion render

# Manim 线：安装 + 预览渲染
pip install manim
manim -pql scene.py MyScene

# Processing 线：官网装 IDE，命令行出帧后合片
# sketch 内：saveFrame("frames/####.png");
ffmpeg -framerate 30 -i frames/frame-%04d.png -c:v libx264 -pix_fmt yuv420p out.mp4
```

## 写在最后

第七轮横评跑完，这条赛道给出的答案是「分化」而不是「内卷」：三条引擎三种脾气，各自守着一块别人进不来的地盘。对使用者，选型问题先于质量问题——想清楚画面主角是公式、数据还是粒子，件就已经选好了一半。对写 skill 的人，这三件并列摆着，恰好是「禁令、消歧、补全」三种 SKILL.md 写法的活教材。

## 参考来源

1. [Remotion 官方文档](https://www.remotion.dev/docs) — 帧渲染模型、确定性渲染要求与渲染命令
2. [Manim Community 文档](https://docs.manim.community/) — Scene 结构、动画原语与命令行参数
3. [3b1b/manim 仓库](https://github.com/3b1b/manim) — Manim 的血统源头与版本分歧背景
4. [Processing 官网](https://processing.org/) — setup/draw 模型、saveFrame 与创意编程生态
5. [anthropics/skills 官方仓库](https://github.com/anthropics/skills) — SKILL.md 格式与目录约定的官方基准

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)