技能说明
Remotion 官方视频开发技能入口，指导 Agent 创建和维护 React/Remotion 视频项目，并按需加载项目创建、标记、地图、媒体、字幕、交互、渲染和文档等专项规则。 适用范围：程序化视频、动画、字幕、音视频素材、Remotion Studio 预览和渲染流程。 限制：需要 Node.js 与 Remotion 项目；默认先开 Studio 预览，不会在用户未明确要求时直接渲染成品。 安全提示：保留用户已有改动；涉及渲染、云端部署或外部素材时先确认目标和权限。
关于此技能
Remotion 官方的最佳实践路由技能，为 React 视频项目按任务加载合适的专项规则，减少把所有视频知识一次性塞进上下文。
核心能力
任务路由
判断新项目、已有项目和后续修改应加载的规则，按需处理创建、标记、地图、媒体、字幕和交互。
预览与导出
先启动 Remotion Studio 预览，区分预览、渲染、导出和云端部署，并在需要时查询当前文档与 API。
适用场景
程序化视频
用 React/Remotion 创建宣传片、教程、数据视频或动画。
视频项目维护
修改 Composition、时间线、字体、音视频、字幕和图层，或准备 MP4、静帧与部署。
使用步骤
- 01
第一步：确认目标
确认是否已有 Remotion 项目，以及目标是创建、编辑、预览还是导出。
- 02
第二步：加载专项规则
新建视频加载创建规则；按任务加载 markup、maps、multimedia、captions、interactivity 等规则。
- 03
第三步：先看预览
项目可运行后先启动 npx remotion studio，确认预览加载并保留用户已有改动。
- 04
第四步：按需导出
只有用户明确要求导出时，才使用 npx remotion render 或对应渲染规则，并记录版本和 Composition。
常见问题
它会默认渲染视频吗？+
不会。默认先开 Studio 预览，只有用户明确要求导出时才渲染。
能处理地图、字幕和多媒体吗？+
可以，会按需转到对应的专项技能。
已有项目有改动时会覆盖吗？+
不会。发现意外改动应保留并先确认。
和普通 React 项目一样吗？+
不完全一样。Remotion 还要考虑帧数、时间线、素材、Composition、预览和渲染。
安装前检查
把兼容性、来源和安装入口先看清楚，再放进自己的工作流。
Codex · Claude Code · Cursor
已提供来源链接
命令可直接复制
2026/10/18
安装提醒：这项技能可能涉及网络、脚本、文件或凭据权限，安装前请先阅读 SKILL.md，并确认它需要哪些权限。
npx skills add remotion-dev/skills --skill remotion-best-practices