项目介绍
Remotion 团队维护的 Agent Skills,指导编码 Agent 创建 React 视频项目、编写合成、预览、渲染、字幕、地图动画、交互 Studio 与版本升级。 它当前的主要能力包括项目与合成创建、预览与渲染、字幕与媒体、维护与集成。本页只依据 GitHub 公开材料整理,没有把 README 描述写成亲自实测。
核心功能
项目与合成创建
用 `/remotion-create` 创建项目或合成,并由 `/remotion-markup` 约束 React 视频标记。
预览与渲染
通过 Studio 预览,并用渲染 Skill 输出视频或静态图。
字幕与媒体
提供字幕、音视频处理、地图动画和浏览器多媒体指导。
维护与集成
涵盖 Remotion 应用架构、Studio 可编辑性、文档检索和依赖升级。
安装与使用
运行 README 提供的 Skills CLI 命令,或在创建新 Remotion 项目时通过 `bun create video` 选择添加;安装后先用总入口 `/remotion-best-practices`。
让 AI Agent 帮你安装
把这段话发送给 Codex、Claude Code 或其他可以操作本地环境的 AI Agent。
请帮我安装 Remotion Agent Skills,项目地址:https://github.com/remotion-dev/skills。先阅读 README.md、skills/remotion/SKILL.md 和 package.json,注意该仓库根目录没有 LICENSE 文件,不要擅自推断许可证。按官方命令 `npx skills add remotion-dev/skills` 安装;发现同名 Skill、需要安装 Node/Bun、创建项目或覆盖文件时先询问我。安装后确认 `/remotion-best-practices` 和 `/remotion-create` 可发现,创建一个最小合成并启动 Studio 验证,但未经确认不要执行耗时或云端渲染。- 能够运行 npx 的 Node.js 环境
- 支持 Agent Skills 的编码 Agent
- 实际渲染时需要 Remotion 项目与对应依赖
npx skills add remotion-dev/skills- 1核对环境与边界
阅读仓库安装资料并确认这些前置条件:能够运行 npx 的 Node.js 环境;支持 Agent Skills 的编码 Agent;实际渲染时需要 Remotion 项目与对应依赖。需要凭据、费用、额外权限或文件覆盖时先停下确认。
- 2执行官方安装
按仓库当前 README 执行: npx skills add remotion-dev/skills
- 3运行最小验证
确认宿主能发现 `/remotion-best-practices` 与 `/remotion-create`,创建一个最小合成并启动 Studio;本页未执行项目创建或渲染。
- 4再进入真实任务
确认最小验证通过后,再使用非敏感测试素材进入真实工作流;涉及外部上传、付费调用、发布或不可逆修改时单独确认。
确认宿主能发现 `/remotion-best-practices` 与 `/remotion-create`,创建一个最小合成并启动 Studio;本页未执行项目创建或渲染。
- 这是 Remotion 工作方法知识库,不等同于已安装的 Remotion 渲染运行时
- 根仓库 API 与文件树未声明许可证;商业使用前需另行核对 Remotion 相关包和框架许可
- 本页未创建 Remotion 项目或执行渲染
使用场景
模板化栏目视频
用 React 组件和数据批量生成排行榜、周报、发布日志和社交视频。
字幕与动画规范
让 Agent 按 Remotion 的时间、弹簧、插值和媒体规则编写可维护合成。
Remotion 项目维护
查文档、升级依赖、设计 Studio 交互和产品集成。
使用评价
从 README、安装资料和仓库结构看,Remotion Agent Skills 的优势是把项目与合成创建、预览与渲染、字幕与媒体整理成 Agent 可调用的明确路径。限制主要来自依赖、宿主和数据边界;本评价基于公开材料,没有安装或运行实际媒体任务。
值得一试的地方
- 用 `/remotion-create` 创建项目或合成,并由 `/remotion-markup` 约束 React 视频标记。
- 通过 Studio 预览,并用渲染 Skill 输出视频或静态图。
- 提供字幕、音视频处理、地图动画和浏览器多媒体指导。
使用前要知道
- 这是 Remotion 工作方法知识库,不等同于已安装的 Remotion 渲染运行时
- 根仓库 API 与文件树未声明许可证;商业使用前需另行核对 Remotion 相关包和框架许可
- 本页未创建 Remotion 项目或执行渲染
README
Remotion Agent Skills
Overview
Remotion 团队维护的 Agent Skills,指导编码 Agent 创建 React 视频项目、编写合成、预览、渲染、字幕、地图动画、交互 Studio 与版本升级。 Agent Skills
Getting started
- 运行 README 提供的 Skills CLI 命令,或在创建新 Remotion 项目时通过 `bun create video` 选择添加;安装后先用总入口 `/remotion-best-practices`。
- 项目定位:Remotion 团队维护的 Agent Skills,指导编码 Agent 创建 React 视频项目、编写合成、预览、渲染、字幕、地图动画、交互 Studio 与版本升级。
- 公开特征:Remotion 官方维护;基于 React 的视频项目指导;覆盖创建、预览、渲染与升级;根仓库未提供 LICENSE 文件。
- 确认宿主能发现 `/remotion-best-practices` 与 `/remotion-create`,创建一个最小合成并启动 Studio;本页未执行项目创建或渲染。
Configuration
npx skills add remotion-dev/skills在 GitHub 阅读完整 README →