前言¶

做视频素材的人常遇到两类麻烦：交给剪辑师的脚本和成片对不上，改一行文案就要重剪一遍；用代码生成视频的工具链又常常是黑盒，渲染参数、字体、分辨率散落在各个脚本里，复现困难。Remotion 走的是第三条路——把视频当作 React 组件来写，每个画面就是一个函数，改文案就是改字符串，渲染交给同一套命令行工具。下面介绍的这个 Skill，是把这套框架包装成可供代理（agent）调用的技能包，定位是设计媒体类工具。

这是什么¶

Skill 名称为 Remotion React 视频生成与渲染框架，坐标 @user_3c6cb52e/remotion-react-video-generation-rendering-framework，发布者 user_3c6cb52e，来源标记为 community，版本 1.0.0，分类 design-media，标签 requires_api_key=false（即不需要 API Key）。

它解决的问题是：让代理和开发人员用代码、可重用组件和文档化的渲染工具链，生成品牌视频、社交剪辑、解释性视频和基于模板的渲染内容。也就是说，同一套 React 组件可以换文案、换配色、换素材，批量产出不同版本，而不需要人工进入剪辑软件操作。

SkillHub 页面显示评分 100000、下载 2149、安装 0（以页面抓取数据为准）。

核心功能¶

从资料中可以确认的能力：

1、以 React 代码描述视频：画面、字幕、动效写在组件里，不是写在时间轴上。
2、可重用组件：品牌包装、字幕条、转场等可以抽成组件，在不同项目里复用。
3、文档化的渲染工具链：渲染走命令行，输入是代码仓库，输出是视频文件，过程可复现。
4、面向代理的可调用接口：作为通用 SKILL.md 格式的技能包，可供编码代理在项目内调用。

需要说明的是，Skill 资料里没有列出具体的渲染函数名、配置字段或参数表。这些细节应当随包的 SKILL.md 提供，使用时以包内文档为准，本文不转述未核实的内容。

安装与启用¶

资料中未给出安装命令、目录路径或配置文件字段，官方页面当前也无法访问，因此这里不写未经验证的命令。合理的启用路径是：

1、在 SkillHub 上打开该 Skill 页面，确认版本与来源。
2、按页面提示将 Skill 引入本地代理环境（Cursor、Codex CLI、Claude Code 的引入方式各不相同，以包内说明为准）。
3、在项目根目录放置 SKILL.md，并把视频代码放在代理可读写的目录中。

安装前确认一点：标签 requires_api_key=false，意味着不需要额外的密钥配置，但渲染视频仍需要本机具备 Node.js 环境与浏览器内核，这部分依赖以 Remotion 官方文档为准。

典型用法¶

资料没有提供随包示例，下面给出 Remotion 框架通用的工作方式，具体以包内 SKILL.md 为准：

1、用 React 组件定义一个 Composition，声明宽高、帧率与时长。
2、在组件内用时间或帧数驱动样式，做出入场动画、字幕切换。
3、用渲染命令把 Composition 输出为视频文件。

这类用法的价值在于可参数化：把文案、Logo、配色抽成变量，同一个组件就能批量产出多版本短视频，适合需要高频更新素材的团队。

适用场景与注意¶

适合的场景：品牌视频的模板化生产、社交媒体竖屏/横屏剪辑的批量生成、解释性视频的定期更新、需要把视频产出纳入 CI 或自动化流水线的团队。

需要注意的点：

1、渲染是 CPU/GPU 密集任务，长视频渲染耗时明显，建议先小样预览再全量渲染。
2、字体、素材版权需要自行确认，框架本身不提供素材授权。
3、本 Skill 是 community 来源，评分与下载量以 SkillHub 页面当时数据为准，采用前建议先跑一个最小示例验证渲染链路。
4、安装数为 0，说明实际落地案例较少，遇到问题时优先查阅 Remotion 官方文档与 issue 区。

结尾¶

这个 Skill 的价值在于把”写视频”变成”写代码”：画面可版本化、可参数化、可批量产出，渲染过程有文档化的命令行工具链兜底。适合已经在用 React 且希望把视频产出自动化的团队。

官方地址：https://api.skillhub.cn/user_3c6cb52e/remotion-react-video-generation-rendering-framework
SkillHub 页面：https://www.skillhub.cn/skills/user_3c6cb52e/remotion-react-video-generation-rendering-framework