首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Remotion Skills 爆火!Remotion + Claude Code,让视频生成进入代码时代!

Remotion Skills 爆火!Remotion + Claude Code,让视频生成进入代码时代!

作者头像
开源星探
发布2026-03-16 19:50:08
发布2026-03-16 19:50:08
1.3K0
举报
文章被收录于专栏:翩翩白衣少年翩翩白衣少年

如果你还在用时间轴拖动画、对着剪辑软件一帧一帧调关键帧,那你可能已经错过了视频创作的下一个时代。

最近,Remotion 正式推出了自己的 Agent Skills

这是官方生成的示例:

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

如今,随着 Agent Skills 技能的加持,再搭配 Claude Code 的 AI 编程能力,瞬间火遍 X 平台。

当 Remotion 遇上 Claude Code,这套组合,真的只能用一句话形容:天作之合。

为什么 Remotion 天生就适合 AI?

Remotion 可能是目前最适合 AI 来“生成视频”的框架,没有之一。

原因也很简单:视频 = React 组件

Remotion 的核心思想不是“剪视频”,而是:用 React 写视频

代码语言:javascript
复制
• 每一段动画 = 一个 React 组件
• 时间轴 = props + frame 计算
• 动画逻辑 = JavaScript/CSS/Three.js
• 图表 = Recharts/D3
• 动效 = CSS/Lottie/WebGL

最终通过 Remotion 渲染成 MP4 / WebM 视频。

其实视频本质上变成了一份代码工程。而代码,恰恰是 AI 最擅长生成和迭代的东西。

其次,AI 最怕“拖拽”,最爱“声明式”

你让 AI 去“剪视频”是灾难:拖时间轴、点按钮、拉关键帧。。。

但你让 AI 写这种东西:

代码语言:javascript
复制
const opacity = interpolate(frame, [0, 30], [0, 1]);

它会爽到飞起。

Remotion 是声明式动画,不是命令式剪辑:

  • • 不需要“点到第几帧”
  • • 不需要“鼠标拖动”
  • • 只需要数学 + 逻辑

这对 LLM 来说,几乎是完美输入。

Agent Skills 的出现让编程小白也能玩起来了

以前你可能会说:

“AI 写 Remotion 是可以,但要配置、要调试,很麻烦。”

而 Remotion Agent Skills 的出现,救了大命。

一行命令,Remotion 变成 AI 能直接调用的技能。

只需一条指令就行:

代码语言:javascript
复制
npx skills add remotion-dev/skills

安装后,Claude Code、OpenCode 这类 Agent 就可以:

  • • 直接创建 Remotion 项目
  • • 自动生成视频组件
  • • 写动画逻辑
  • • 调试、修改、再渲染

你只需要告诉 AI:

“帮我生成一个 30 秒的[产品/项目]介绍视频,用科技风,突出 3 个功能点。”

剩下的,交给 Agent。

Remotion × Claude Code 王炸组合

今天我在 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

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

在看你就赞赞我!

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2026-01-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 开源星探 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 为什么 Remotion 天生就适合 AI?
  • Agent Skills 的出现让编程小白也能玩起来了
  • Remotion × Claude Code 王炸组合
  • 应用场景
  • 写在最后
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档