10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI编程开发

Remotion Skills + Claude Code,又一个王炸组合,用代码就能制作视频,视频剪辑师要失业了!

15小时前 AI编程开发 162 0

先提一个问题:什么样的创意工作最适合被AI接管?

答案可能出乎意料,不是那些看起来"最高级"的工作,而是那些本质上是代码工程的工作。

最近Remotion推出的Agent Skills,借着Skills的爆火也突然横空。

AI如何学会使用剪辑软件,一个Skills告诉你,"视频本身就应该用代码来描述"。

这种转变对开发效率的影响,值得深入分析。

为什么Remotion天生就适合AI生成?

Remotion可能是目前最符合AI生成逻辑的视频框架。

这不是夸奖,而是一个技术适配性的问题。

核心差异:声明式动画 vs 命令式剪辑

维度 传统剪辑软件 Remotion框架
操作方式 命令式(拖拽、点击、调参) 声明式(代码描述状态)
时间轴表达 GUI界面的帧位置 frame参数 + 数学计算
动画逻辑 关键帧插值(手工操作) JavaScript函数(可自动化)
AI学习成本 极高(需理解GUI意图) 极低(标准代码语法)

Remotion的技术架构

核心思想:视频 = React组件集合

  • 每一段动画 = 一个React组件
  • 时间轴控制 = 通过frame参数和interpolate函数计算
  • 动画逻辑 = JavaScript/CSS/Three.js的组合
  • 数据可视化 = Recharts/D3等标准库
  • 最终输出 = 本地渲染成MP4/WebM格式

一个简单的不透明度动画示例:

const opacity = interpolate(frame, [0, 30], [0, 1]);

这种方式对LLM而言是完全可预测和可迭代的。

不需要理解"第几帧点击哪个按钮",只需要理解"数学函数"。

Agent Skills:让编程小白也能调用Remotion

之前的痛点

Remotion本身是优秀的框架,但使用门槛存在:

  • 需要理解React基础
  • 需要配置项目环境
  • 需要调试动画逻辑
  • 迭代周期较长

Agent Skills的解决方案

一条命令完成安装:

npx skills add remotion-dev/skills

安装后,Claude Code、OpenCode等Agent可以直接调用,能力包括:

  • 自动初始化Remotion项目结构
  • 根据需求生成完整的视频组件代码
  • 编写和调试动画插值逻辑
  • 实时预览和多轮迭代修改
  • 处理样式调整和特效集成

用户侧的体验变化:

场景 传统流程 Remotion + Claude Code
需求输入 "帮我做个产品宣传视频"(模糊) "30秒产品介绍,科技风,突出3个功能点"(结构化)
生成耗时 数小时到数天 5-15分钟
修改成本 重新剪辑 自然语言描述修改,AI自动调整代码
质量稳定性 依赖操作者水平 基于代码逻辑,高度可重现

Remotion × Claude Code = 为什么是王炸组合

能力互补的结构

Claude Code的优势:

  • 理解复杂的自然语言需求
  • 生成结构化、模块化的代码
  • 支持多轮交互式迭代
  • 能够修改和扩展现有工程

Remotion的优势:

  • React生态的原生支持
  • 动画逻辑的标准化表达
  • 快速的样式修改和编译
  • 本地渲染,无依赖黑盒

结合点: 迭代一个功能和迭代一个视频使用完全相同的工作流——代码Review → 自然语言反馈 → AI修改 → 实时预览。

实际案例参考

社区已有多个实战案例展示了这种组合的效果:

  • 数据可视化视频:动态图表配合解说字幕,自动同步
  • 产品演示视频:交互步骤的动画还原,精确到帧级
  • 教学视频:代码片段的高亮、逐行执行的动画展示
  • 营销宣传:品牌元素的参数化,快速生成多个变体

一个可复用的操作范式参考:

官方提供的完整示例:https://gist.github.com/JonnyBurger/5b801182176f1b76447901fbeb5a84ac

这个范式展示了如何从自然语言需求 → 代码结构 → 最终视频输出的完整链路,具有高度的可复用性。

应用场景及适配性分析

最适合的使用场景

  • 产品/项目宣传视频:需要频繁更新文案、数据、品牌元素
  • 科普/教学类视频:逻辑性强,易于参数化
  • 数据可视化报告:动态图表生成,与数据源实时同步
  • 多变体营销物料:同一模板,不同参数快速生成

相对不适合的场景

  • 需要大量素材拼接的视频(素材管理仍需手工)
  • 实时录屏类内容(Remotion专注生成,不处理输入流)
  • 需要复杂色彩分级的影视级作品(当前能力有限)

开发效率的实际提升空间

从我的观察来看,Remotion + Agent Skills对以下角色的影响最直接:

角色 之前的工作流 现在的工作流 效率提升
产品经理 提需求 → 等待视频设计 → Review → 返工 描述需求 → Claude Code生成 → 即时修改 → 完成 60-70%
开发者 学习剪辑软件 → 手工制作 → 版本管理困难 写提示词 → 代码Review → Git版本控制 75-85%
内容创作者 脚本 → 素材收集 → 逐帧调整 → 导出 脚本 → 一句话指令 → 微调 → 导出 40-50%

为什么开源属性很关键

Remotion是完全开源的,这一点值得特别强调:

  • 不是黑盒SaaS:代码完全透明,可审计
  • 本地渲染:不依赖云服务,隐私友好
  • 私有部署能力:可集成到企业系统中
  • LLM无关:可与任何模型结合(Claude、GPT、开源模型)
  • 生态扩展:社区可贡献插件和Skills

这意味着你不是被锁定在某个平台,而是获得了一套可长期掌控的工具。

结语:视频创作的代码化趋势

在我看来,Remotion + Claude Code的组合代表了一个重要的转折点:创意工作正在从"操作驱动"向"声明驱动"转变。

这不仅是效率的提升,更是工作范式的重塑。你不再需要学习Premier Pro、After Effects的快捷键,只需要:

  • 能用清晰的语言描述需求
  • 能读懂基本的代码逻辑
  • 愿意把迭代看作软件工程问题

对于开发者而言,这可能是目前制作高质量、可维护、批量化视频内容的最高效路径。你获得的不仅是一个工具,更是一种新的生产力范式。

相关资源:

Remotion GitHub:https://github.com/remotion-dev/remotion

Agent Skills:https://github.com/remotion-dev/skills

如果你在视频生成、AI开发工具链方面有想法,欢迎讨论。

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:Remotion Skills + Claude Code,又一个王炸组合,用代码就能制作视频,视频剪辑师要失业了!
#Remotion #Skills #视频剪辑 #Claude Code 
收藏 1
Agentation:这款AI编程救星来了,指哪改哪!用可视化标注工具提升AI编程协作效率
智谱上线AI学习搭子,从收藏夹里挖出来的知识,怎样才能真正变成自己的能力?
推荐阅读
  • Claude Code 官方已支持Windows系统!手把手教你免费安装使用Claude Code
  • Claude Code Remote:这个开源项目让我实现了远程控制Claude Code
  • CodexBar:不再为用量焦虑!Claude Code/Codex/Gemini全端监控
  • Cursor全栈开发环境配置指南(Win版):Python/JavaScript/Node.js/Java环境搭建、基础配置
  • Claude Code 2.0.27 发布:Claude Code Web 、sandbox(沙盒)、 Claude Agent SDK
评论 (0)
请登录后发表评论
分类精选
手把手教你用支付宝订阅 Cursor Pro:国内用户最全开通教程(附取消自动扣费)
20205 7月前
Claude Code Rules:claude.md文件配置完全指南
15297 6月前
学生党0元白嫖!手把手教你解锁Cursor Pro年VIP,超详细申请教程(附避坑指南)
12730 8月前
Claude Code + MCP 实战教程:手把手教你如何在Claude Code里面使用MCP
12415 6月前
Cursor 0.46更新,新增支持Claude 3.7 + GPT 4.5,Cursor Pro 无限续杯攻略,全自动化工具使用说明
12242 11月前
Claude Code 官方已支持Windows系统!手把手教你免费安装使用Claude Code
11911 6月前
Cursor代码生成器中文使用教程,Cursor新手入门完全指南,全网最全面详细的Cursor使用教程
11133 1年前
手把手教你在VS Code & Cline/RooCode 中使用Kimi K2 模型,配置实录+开发实战体验
9001 6月前
Cursor新手3分钟快速搞懂 Ask/Manual/Agent 三种模式及高级技巧
8657 8月前
手把手教你在Claude Code 中使用Kimi K2 模型,超简单配置教程分享
8512 6月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Remotion Skills + Claude Code,又一个王炸组合,用代码就能制作视频,视频剪辑师要失业了!
2 Agentation:这款AI编程救星来了,指哪改哪!用可视化标注工具提升AI编程协作效率
3 10个必装Skills,从新手小白到技能大神的进阶指南
4 OpenCode + oh-my-opencode 我的自定义模型终极指南,多模型Agent指南
5 Oh-My-OpenCode 多模型 +多 Agent 协作实操指南
6 收下这份 Claude Code 实战使用指南,Claude Code 高效协作的7个核心心法
7 把 OpenCode 的多模型Agent用明白,OpenCode 的模型配置指南
8 OpenCode 快速入门最佳实践
9 Superpowers :不只是提示词库,这个Claude Code Skills 库是一套完整的工程化技能体系
10 Obsidian-Skills:Obsidian CEO 亲自开源了一个skills,让Claude理解笔记方言
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联