前言¶

在需要批量产出视频的场景里，常见的做法是打开剪辑软件，手动摆素材、卡节奏、导出。这种做法的问题不在单条视频，而在「复制第二条」的时候：画面结构、文案、数据都变了，工程却要重做一遍。

下面介绍的这个 Skill 走的是另一条路：把视频当成代码产物。用 React 组件描述画面，用 Remotion 驱动渲染，每一帧都由 JavaScript 控制。

这是什么¶

「Remotion 程序化视频创建工具」是一个基于 Remotion 的视频生成 Skill，坐标 @user_3c6cb52e/remotion-programmatic-video-creator，由社区开发者 user_3c6cb52e 发布和维护，版本 1.0.0，来源标记为 community。

它解决的问题是：把视频画面的组织方式从「时间轴上的素材」换成「可复用的组件树」，从而让数据驱动、批量生成和版本管理成为可能。

SkillHub 页面信息：分类 design-media，评分 100000，下载 1310 次，安装 0 次，标签 requires_api_key=false（不需要 API Key）。

核心功能¶

按 Skill 介绍，能力集中在以下几处：

1、用 React 组件描述视频画面，组件可以复用、可以参数化，同一套组件渲染出不同内容的视频。
2、渲染层面利用 CSS、Canvas、SVG、WebGL 等 Web 技术构建动态内容，也就是说画面可以来自样式表、二维绘图、矢量图和 GPU 加速的三维或着色器效果。
3、对每一帧进行完整的 JavaScript 控制，播放进度、动画曲线、条件切换都写在代码里，而不是依赖剪辑软件的时间线。
4、不需要 API Key，本地即可调用，没有外部服务依赖带来的配额或密钥管理问题。

安装与启用¶

已抓取资料里没有给出具体的安装命令、目录路径或配置文件字段。这类基于通用 SKILL.md 格式的 Skill，通常在支持 Skill 的编辑器（Cursor、Claude Code 等）中通过 Skill 市场或本地目录加载，但本次核实的资料未覆盖各工具的差异，因此这里不给出未经核实的命令。

获取方式以官方地址为准：

https://www.skillhub.cn/skills/user_3c6cb52e/remotion-programmatic-video-creator

https://api.skillhub.cn/user_3c6cb52e/remotion-programmatic-video-creator

需要确认加载方式时，先打开上面两个地址，再看自己所用编辑器的 Skill 加载说明。

典型用法¶

资料里没有提供可复现的官方示例代码，下面只描述这类用法的结构，具体 API 以 Remotion 官方文档为准。

一种常见的组织方式是：把画面拆成若干 React 组件，每个组件接收参数决定内容，再用 Remotion 的渲染接口把组件序列输出成视频文件。

// 用 React 组件描述画面，参数决定具体内容
function Slide({ title, data }) {
  return <h1>{title}</h1>;
}

// 用 Remotion 驱动时序，渲染为视频
function Video({ durationInFrames }) {
  return <Slide title="标题" data={[]} />;
}

这段示意只说明「画面即组件、时序由代码控制」的写法方向。实际调用哪个渲染函数、传什么参数，需要在启用该 Skill 后按其 SKILL.md 中的说明来写。

适用场景与注意¶

适合的人：已经在用 React 技术栈、需要按数据批量生成视频、希望视频内容能进版本管理和单元测试的开发者。

需要注意的几点：

1、这类方案的学习成本在前端侧，React 组件结构和 Web 技术（CSS、Canvas、SVG、WebGL）的掌握程度直接影响产出质量。
2、画面依赖 Web 技术，意味着渲染效果受浏览器能力约束，和剪辑软件中的合成能力不是一一对应。
3、批量生成时要把「数据 → 组件参数 → 视频」这条链路设计清楚，否则只是把手动劳动从时间轴搬到了代码里。
4、本次核实到的 Skill 元数据显示安装量为 0，社区使用反馈尚缺，落地前建议先做小样验证。

结尾¶

这个 Skill 的价值在于把视频生产变成可编程的一环：React 组件负责画面，CSS、Canvas、SVG、WebGL 负责表现力，JavaScript 负责逐帧控制。对于需要按数据批量产出视频的团队，它比手动剪辑更容易复制和迭代。

官方地址：https://www.skillhub.cn/skills/user_3c6cb52e/remotion-programmatic-video-creator