
如果你还在用时间轴拖动画、对着剪辑软件一帧一帧调关键帧,那你可能已经错过了视频创作的下一个时代。
最近,Remotion 正式推出了自己的 Agent Skills。

这是官方生成的示例:
我在去年就分享过 Remotion 这个开源前端框架,它可以通过前端代码来控制视频生成,相当的硬核,不过对于普通小白上手难度还是比较大的。

如今,随着 Agent Skills 技能的加持,再搭配 Claude Code 的 AI 编程能力,瞬间火遍 X 平台。
当 Remotion 遇上 Claude Code,这套组合,真的只能用一句话形容:天作之合。
Remotion 可能是目前最适合 AI 来“生成视频”的框架,没有之一。
原因也很简单:视频 = React 组件
Remotion 的核心思想不是“剪视频”,而是:用 React 写视频。
• 每一段动画 = 一个 React 组件
• 时间轴 = props + frame 计算
• 动画逻辑 = JavaScript/CSS/Three.js
• 图表 = Recharts/D3
• 动效 = CSS/Lottie/WebGL最终通过 Remotion 渲染成 MP4 / WebM 视频。
其实视频本质上变成了一份代码工程。而代码,恰恰是 AI 最擅长生成和迭代的东西。
其次,AI 最怕“拖拽”,最爱“声明式”。
你让 AI 去“剪视频”是灾难:拖时间轴、点按钮、拉关键帧。。。
但你让 AI 写这种东西:
const opacity = interpolate(frame, [0, 30], [0, 1]);它会爽到飞起。
Remotion 是声明式动画,不是命令式剪辑:
这对 LLM 来说,几乎是完美输入。
以前你可能会说:
“AI 写 Remotion 是可以,但要配置、要调试,很麻烦。”
而 Remotion Agent Skills 的出现,救了大命。
一行命令,Remotion 变成 AI 能直接调用的技能。
只需一条指令就行:
npx skills add remotion-dev/skills安装后,Claude Code、OpenCode 这类 Agent 就可以:
你只需要告诉 AI:
“帮我生成一个 30 秒的[产品/项目]介绍视频,用科技风,突出 3 个功能点。”
剩下的,交给 Agent。
今天我在 X 上刷到了许多博主生成的视频,其实80%都是结合 Claude Code 生成的。
Claude Code 擅长理解复杂需求、生成结构化代码、多轮迭代、修改现有工程.....
Remotion 懂 React、懂动画逻辑、能快速改样式......
两者刚好完美咬合。
像迭代一个功能一样,迭代一个视频。
我也在 X 上找了一些案例供大家参考,有不少博主生成的效果确实惊艳到我了。
示例①:

示例②:

示例③:

示例④:

示例⑤:

顺便给大家分享一个非常完整的操作示例:

https://gist.github.com/JonnyBurger/5b801182176f1b76447901fbeb5a84ac
这是一个真正可复用的范式,如果你认真看完,会对Remotion+Claude Code生视频的理解直接升级。
Remotion 是开源的,这点非常关键。它不是黑盒 SaaS,而是完全开源、本地渲染、可私有部署、可与任何 LLM 结合。
其刚推出的 Agent Skills 是一块关键的拼图。它让 “视频即代码” 真正变成了 “视频即自然语言”。
对于开发者来说,这可能是目前制作高质量、可维护、批量化视频内容的最高效路径。
你不用学 PR/AE,不用担心 AI 视频抽风。只需要会 React,或者只需要会指挥 Claude Code。
GitHub:
https://github.com/remotion-dev/remotion https://github.com/remotion-dev/skills

如果本文对您有帮助,也请帮忙点个 赞👍 + 在看 哈!❤️
在看你就赞赞我!
