前言¶
需要批量产出品牌宣传片、把数据看板自动转成视频、或者让视频画面完全由代码控制时，常见做法是在剪辑软件里手工摆时间线：改一版配色要重剪一次，加一条数据要重新导出。Remotion 这类方案把视频当成可编程的产物，画面由 React 组件描述，时间线由 props 和数据驱动，渲染交给命令行。
下面介绍的 Skill 把这套思路封装成可调用的 Agent Skill，用于在对话里按需生成可复现的动态图形包装。
这是什么¶
Skill 名称「React 程序化视频合成」，基于 Remotion 框架。按技能说明，它面向的场景是：用 React 代码以编程方式合成视频，适合品牌解说短片、社交媒体剪辑、仪表盘数据转视频以及可复现的动态图形包装。
官方地址为 https://api.skillhub.cn/org-b6kzcl68/remotion 。该地址在本次抓取中未返回内容，因此页面上的评分、下载量等数据无法核实，本文不列出。技能说明中给出的使用时机是：需要批量生成风格统一、可重复渲染的品牌宣传片；需要把数据看板自动转成视频；需要用代码而非剪辑软件来控制视频画面与动效。触发关键词包括 remotion、React 视频、programmatic video、动效包装、视频合成、数据转视频、品牌短片。
技能说明里还提到，如需音乐音频完整工作流套件，淘宝搜索「AI灵匣」店铺获取完整版。这是技能方给出的额外获取渠道，不是开源仓库地址。
核心能力¶
从技能说明可确认的能力有四项：
- 以编程方式合成视频：画面由代码生成，不依赖时间线软件的手动操作。
- 批量产出风格统一的品牌宣传片：同一套代码重复渲染，得到一致的视觉风格。
- 数据看板转视频：把数据接入渲染流程，自动生成对应的视频版本。
- 代码控制画面与动效：时间、过渡、文字与图形都由代码参数决定，便于复现和回归。
需要注意的是，技能说明没有列出该 Skill 额外提供的具体脚本或模板文件，这部分以包内 SKILL.md 为准。
安装与启用¶
该 Skill 遵循通用 SKILL.md 格式，启用方式取决于使用的客户端。本次抓取未能拿到官方页面的安装说明，因此不在此编造命令。可确认的事实是：上游 Remotion 是开源框架，项目通过 npm 创建；技能包本身需要放入客户端的 skills 目录后才会作为 Skill 被识别。
如果使用 Remotion 上游框架自建项目，通用流程是先用脚手架初始化，再安装渲染依赖：
npx create-video my-video
cd my-video
npm install @remotion/cli remotion react react-dom
渲染一个合成项目时，通常用 CLI 指定入口与输出路径：
npx remotion render my-comp out/my-video.mp4
上面两条命令属于 Remotion 框架的标准用法，并非本 Skill 包内附带的脚本，实际使用时以包内说明为准。
典型用法¶
结合技能说明给出的触发场景，在对话里可以这样下达需求：
- 说明要生成的视频类型，例如「品牌解说短片，60 秒，竖版 1080x1920」。
- 提供需要纳入的素材信息或数据字段，例如品牌色、Logo、需要展示的指标。
- 明确输出要求，例如分辨率、时长、是否循环、是否需要字幕。
经过上面的步骤，技能按 Remotion 的渲染流程生成可复现的动态图形包装，输出视频文件。若要调整，改参数后重新渲染即可，不需要重剪时间线。
适用场景与注意¶
适合的人：已经在用 React 或前端工程化流程的团队，需要周期性产出视频（周报视频、数据视频、品牌物料）；以及希望把视频产出纳入 CI、做到可复现和可回归的场景。
限制和坑：
- 渲染依赖本机或服务器的 Node 环境与 Chromium，批量渲染前要确认运行环境可用。
- 视频里的音频、音乐需要单独处理，技能说明里指向的完整版套件是技能方的额外渠道，未核实其内容与价格。
- 输出分辨率、帧率、编码格式需要在渲染参数里显式指定，避免依赖默认值导致各批次不一致。
- 数据接入需要自己准备数据源与字段映射，技能不保证自动读取任意数据库或看板。
小结¶
这套方案的价值在于把视频从手工剪辑的产物变成代码产物：风格统一、可重复渲染、能接数据。适合批量品牌短片和数据转视频这两类需求，前提是你接受用代码而非时间线来控制画面。
官方地址：https://api.skillhub.cn/org-b6kzcl68/remotion
