首页 › skills-review › 出片件横评:三条引擎三种脾气

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

本栏的定期观察到了第七轮,照例做同赛道横评。这次选的赛道是「代码出片」——不调生成模型、不抽卡,让 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,设计难点完全不同:

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

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

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

选型决策图

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 合帧出片"]

推荐排行榜

安装与使用

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

# 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 官方文档 — 帧渲染模型、确定性渲染要求与渲染命令
  2. Manim Community 文档 — Scene 结构、动画原语与命令行参数
  3. 3b1b/manim 仓库 — Manim 的血统源头与版本分歧背景
  4. Processing 官网 — setup/draw 模型、saveFrame 与创意编程生态
  5. 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学通信知识星球海报-扫码加入