Skills · 官方实现

Remotion Agent Skills

Remotion 团队维护的 Agent Skills,指导编码 Agent 创建 React 视频项目、编写合成、预览、渲染、字幕、地图动画、交互 Studio 与版本升级。

4.4k Stars仓库未声明TypeScript今天更新
01

项目介绍

Remotion 团队维护的 Agent Skills,指导编码 Agent 创建 React 视频项目、编写合成、预览、渲染、字幕、地图动画、交互 Studio 与版本升级。 它当前的主要能力包括项目与合成创建、预览与渲染、字幕与媒体、维护与集成。本页只依据 GitHub 公开材料整理,没有把 README 描述写成亲自实测。

02

核心功能

01

项目与合成创建

用 `/remotion-create` 创建项目或合成,并由 `/remotion-markup` 约束 React 视频标记。

02

预览与渲染

通过 Studio 预览,并用渲染 Skill 输出视频或静态图。

03

字幕与媒体

提供字幕、音视频处理、地图动画和浏览器多媒体指导。

04

维护与集成

涵盖 Remotion 应用架构、Studio 可编辑性、文档检索和依赖升级。

03

安装与使用

运行 README 提供的 Skills CLI 命令,或在创建新 Remotion 项目时通过 `bun create video` 选择添加;安装后先用总入口 `/remotion-best-practices`。

AI AGENT INSTALL

让 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 验证,但未经确认不要执行耗时或云端渲染。
01开始前准备
  • 能够运行 npx 的 Node.js 环境
  • 支持 Agent Skills 的编码 Agent
  • 实际渲染时需要 Remotion 项目与对应依赖
02复制安装命令或配置
npx skills add remotion-dev/skills
03按步骤完成安装
  1. 1
    核对环境与边界

    阅读仓库安装资料并确认这些前置条件:能够运行 npx 的 Node.js 环境;支持 Agent Skills 的编码 Agent;实际渲染时需要 Remotion 项目与对应依赖。需要凭据、费用、额外权限或文件覆盖时先停下确认。

  2. 2
    执行官方安装

    按仓库当前 README 执行: npx skills add remotion-dev/skills

  3. 3
    运行最小验证

    确认宿主能发现 `/remotion-best-practices` 与 `/remotion-create`,创建一个最小合成并启动 Studio;本页未执行项目创建或渲染。

  4. 4
    再进入真实任务

    确认最小验证通过后,再使用非敏感测试素材进入真实工作流;涉及外部上传、付费调用、发布或不可逆修改时单独确认。

如何确认安装成功

确认宿主能发现 `/remotion-best-practices` 与 `/remotion-create`,创建一个最小合成并启动 Studio;本页未执行项目创建或渲染。

使用前注意
  • 这是 Remotion 工作方法知识库,不等同于已安装的 Remotion 渲染运行时
  • 根仓库 API 与文件树未声明许可证;商业使用前需另行核对 Remotion 相关包和框架许可
  • 本页未创建 Remotion 项目或执行渲染
04

使用场景

SCENARIO 01

模板化栏目视频

用 React 组件和数据批量生成排行榜、周报、发布日志和社交视频。

SCENARIO 02

字幕与动画规范

让 Agent 按 Remotion 的时间、弹簧、插值和媒体规则编写可维护合成。

SCENARIO 03

Remotion 项目维护

查文档、升级依赖、设计 Studio 交互和产品集成。

05

使用评价

从 README、安装资料和仓库结构看,Remotion Agent Skills 的优势是把项目与合成创建、预览与渲染、字幕与媒体整理成 Agent 可调用的明确路径。限制主要来自依赖、宿主和数据边界;本评价基于公开材料,没有安装或运行实际媒体任务。

值得一试的地方

  • 用 `/remotion-create` 创建项目或合成,并由 `/remotion-markup` 约束 React 视频标记。
  • 通过 Studio 预览,并用渲染 Skill 输出视频或静态图。
  • 提供字幕、音视频处理、地图动画和浏览器多媒体指导。

使用前要知道

  • 这是 Remotion 工作方法知识库,不等同于已安装的 Remotion 渲染运行时
  • 根仓库 API 与文件树未声明许可证;商业使用前需另行核对 Remotion 相关包和框架许可
  • 本页未创建 Remotion 项目或执行渲染
06

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