在剪辑软件里一帧帧对字幕?这套助手技能帮开发者用 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 还是别的工具,并写好对应配置。