Remotion 视频生成

技能内容与创作

remotion

在剪辑软件里一帧帧对字幕?这套助手技能帮开发者用 React 代码生成视频,产出能预览能渲染的项目代码。

怎么用

适合在处理 Remotion 代码、搭建视频项目、添加字幕/音频/动画、排查渲染问题时使用。常用命令包括 npx create-video@latest、npx remotion studio、npx remotion still。

核心用法

该技能围绕 Remotion 的 React 视频开发流程工作:先定义 Composition 的尺寸、fps 和时长,再用 useCurrentFrame、interpolate、Sequence 等 API 控制画面和时间。它会指导 AI 使用 Remotion 的 Img、Video、Audio、staticFile、calculateMetadata、字幕、音频可视化、3D、转场等规则,产出可预览、可渲染的视频项目代码。

触发场景

写 Remotion 视频、React 动画视频、程序化生成视频、添加字幕或口播、音频可视化、图表动画、3D 视频、视频转场、渲染检查、Remotion 项目排错

优劣特点

特点:与 React 技术栈贴合,适合组件化、数据驱动和可重复渲染的视频;规则覆盖动画、音频、字幕、3D、素材、字体和动态元数据。前提:需要 Node.js、Remotion 项目环境和可用渲染链路;Remotion 主项目采用自定义许可,个人和小团队通常可免费使用,规模化商业使用需按官方许可判断。

适用人群

需要用代码批量生成视频、产品演示、数据动画、课程片头、字幕视频或品牌动效的开发者、内容团队和自动化视频生产团队。

详细说明

Remotion 是基于 React 的程序化视频框架。该技能让 AI 在创建 Remotion 项目、编写 Composition、控制时间轴、处理图片/视频/音频、字幕、3D、图表和转场时遵循官方最佳实践。

常见问题

它是做什么的?

在剪辑软件里一帧帧对字幕?这套助手技能帮开发者用 React 代码生成视频,产出能预览能渲染的项目代码。

支持哪些工具?

这个技能可以装进 Codex、Claude Code。

怎么用?

适合在处理 Remotion 代码、搭建视频项目、添加字幕/音频/动画、排查渲染问题时使用。常用命令包括 npx create-video@latest、npx remotion studio、npx remotion still。

源码在哪里?

源码地址:https://github.com/remotion-dev/remotion/tree/main/packages/skills/skills/remotion

怎么安装?

安装在星算助手客户端里完成 —— 由它决定装进 Claude Code、Codex 还是别的工具,并写好对应配置。

适用场景与标签

remotionreactvideoanimationcaptions
在星算助手里安装 ← 回到插件中心