做视频这件事,一直有个门槛:你得会用剪辑软件。 Premiere 、 After Effects 、剪映——每一个都要学。
但有一批人早就不这么干了。他们用代码做视频。写几行代码,渲染出一个 MP4,连剪辑软件都不打开。
背后的工具叫 Remotion——一个用 React 写视频的框架。你把视频当成一个网页来"编程":文字、图形、动画全用代码控制,最后一键渲染成 MP4 。数据可视化、批量生成的营销视频、自动化的字幕视频,用它做效率碾压手动剪辑。
问题是, Remotion 有自己一套独特的 API,AI 默认不熟。你让 Claude Code 写 Remotion 代码,它经常用普通网页的动画写法(CSS 过渡、 Tailwind 动画),结果渲染的时候直接崩——因为视频渲染和网页动画根本是两码事。
今天这个 Skill 就是来解决这个的。remotion-best-practices,官方出品, 18 万周安装量, skills.sh 排行榜常年前五。
它教会 AI"视频思维"
remotion 这个 Skill 不生成视频,它做的是给 AI 装上 Remotion 的专业知识,让 AI 写出来的视频代码真的能渲染成功。
核心区别在哪?普通网页动画靠的是"时间"——CSS 说"这个元素 0.5 秒淡入"。但视频渲染靠的是"帧"——第 0 帧到第 60 帧之间,透明度从 0 变到 1 。这两种思维完全不同。 AI 不懂这个区别,就会写出渲染时崩溃的代码。
remotion Skill 教 AI 的就是这套"帧思维":
useCurrentFrame()获取当前是第几帧interpolate()把帧数映射成动画数值(比如第 0 帧到第 60 帧,位置从左到右)spring()做物理弹性动画<Sequence>控制不同片段在第几帧出现装了这个 Skill,AI 写 Remotion 代码时会自动遵循这些规范,而不是套用会崩溃的网页动画写法。
能做什么样的视频
Remotion + AI 这套组合,最适合做那些"重复的、数据驱动的、需要批量生产的"视频:
数据可视化视频。 你有一堆数据,想做成动态图表视频——柱状图长出来、数字滚动增长、折线图逐渐画出。用代码控制,数据一变视频自动更新。
批量营销视频。 比如给 100 个产品各做一条 15 秒的介绍视频。手动剪要剪到天亮,用代码写个模板,循环跑一遍, 100 条自动生成。
自动字幕视频。 口播视频配字幕, Remotion 能根据音频自动生成逐字高亮的字幕,不用一句句手动对轴。
动态图文、转场、特效——这些以前要在 AE 里熬夜做的东西,现在用代码描述出来。
一句话:规律性越强、重复度越高的视频, Remotion 的效率优势越大。 但如果你要做的是一条讲究临场感觉的 Vlog,那还是老老实实用剪辑软件——代码不适合那种"跟着感觉走"的创作。
怎么装
remotion-best-practices 用 skills CLI 一行装,支持 Claude Code 、 Cursor 、 Codex 等主流工具:
npxskillsaddremotion-dev/skills
装完之后,你在一个空目录里对 AI 说:
"帮我用 Remotion 做一个开场动画:黑底白字,标题从下往上淡入,停两秒后缩小移到左上角。"
AI 会自动帮你初始化 Remotion 项目(npx create-video),然后按帧思维写好动画代码。你在 Remotion Studio 里实时预览,满意了一键渲染成 MP4 。
谁适合玩
会一点前端、想做批量/数据视频的人——这是神器。 你不需要精通 React,基础的 JSX 能看懂就行,剩下的 AI 帮你写。做出来的东西是可编程、可复用、可批量的,这是剪辑软件永远给不了的。
完全不懂代码、只是想剪个 Vlog 的人——用剪映就好。 Remotion 的价值在"编程化"和"批量化",如果你的需求是一次性的、讲感觉的创作,代码反而是累赘。
Remotion 这个方向代表了一种趋势:当视频变成"数据+模板"的时候,做视频就从"手艺活"变成了"编程活"。 而 AI + remotion Skill,把这个编程活的门槛又降低了一大截——你负责说想要什么, AI 负责把它翻译成能渲染的代码。
我是小沐,一个每天跟 AI 工具死磕的程序员。关注「沐沐学 AI 」,不造火箭,只聊真话。
夜雨聆风