SWSkillsWay.ai
查看仓库 ↗
技能集 · / remotion-dev / skills

remotion-devremotion-dev/skills

用途概括一个面向 Remotion 的内部 Agent Skills 技能包,包含 10 个技能,涵盖项目创建、升级、渲染、多媒体、文档及字幕、标记、交互、SaaS 最佳实践。它为处理 Remotion 视频项目的 Agent 提供模块化、上下文驱动的辅助,无外部文档,技能依据任务上下文自动加载。
Skill 数量
10
所需 CLI
create-videoremotion
业务领域
Coding
技能形态
Cli ManualStyle GuideWorkflow
技能集分析

核心思想

关键理念 & 方法论

作者的设计原则、与同类项目的差异化定位、关键工作流的简要介绍。文中提到的技能名称会自动链接到对应技能页。

核心思想

本技能集是 Remotion 相关的内部 Agent 技能集合,用于视频创建、渲染与文档工作流。

模块

  • 创建与升级:remotion-create、remotion-upgrade 用于脚手架搭建与项目更新。
  • 媒体与渲染:mediabunny、remotion-render 处理多媒体与输出。
  • 质量与文档:remotion-best-practices、remotion-docs、remotion-markup、remotion-interactivity、remotion-captions、remotion-saas 指导代码质量与集成。

使用

技能按 Agent 上下文按需调用;无用户手动触发说明(内部包,无 README 指引)。

SkillsWay.ai · Heads-Up Agent Skills Inspector安装前,先看懂 Agent Skills。

技能关系

技能之间的使用关系

Skill → Skill 的使用关系,可跨层指向。同色块表示同一类技能形态。

引用关系数
15
独立技能数
0
引用最多的技能
  • remotion-best-practices9个下游技能
  • remotion-create3个下游技能
被引用最多的技能
  • remotion-markup3个上游技能
  • remotion-best-practices2个上游技能

说明:每条依赖线读作「当前 Skill 依赖」它指向的 Skill。

技能组成

该用什么技能?

每个技能都为某种调用者设计——有的必须由你点名触发,有的则由模型自动按上下文加载。下面的两张卡片一眼看清整个技能集的触发分工。

用户主动调用0

这些技能期待被用户手动直接点名使用。

该技能集未列出需要手动调用的技能。

模型自动调用10

由模型在判断上下文相关时自动使用,通常不需要点名调用。

mediabunnyremotion-best-practicesremotion-captionsremotion-createremotion-docsremotion-interactivityremotion-markupremotion-renderremotion-saasremotion-upgrade

技能清单

10 个 Skill · 按名称或领域筛选

mediabunny

基于 Mediabunny 库在浏览器/Node.js 中处理多媒体的编程技能。提供获取音频时长、视频尺寸和视频时长的指南。价值:为媒体工作流快速以编程方式提取元数据。

→
领域
Coding
形态
Cli Manual
位置
skills/mediabunny/SKILL.md

remotion-best-practices

Remotion 最佳实践中枢技能,将任务路由到专门子技能(创建、标记、渲染、字幕、SaaS、文档、升级、交互、mediabunny)。提供索引化指导和参考文档,帮助 Agent 编写正确、可维护的 Remotion 视频代码并规避常见陷阱。

→
领域
Coding
形态
Style Guide
位置
skills/remotion-best-practices/SKILL.md

remotion-captions

一个用于处理 Remotion 视频字幕的技能。它标准化 Caption JSON 类型,并通过子文档涵盖音视频转写、字幕显示和 .srt 导入。价值:为 React 视频项目提供类型安全、一致的字幕工作流。

→
领域
Coding
形态
Style Guide
位置
skills/remotion-captions/SKILL.md

remotion-create

指导新建 Remotion 视频:通过 CLI 脚手架初始化项目,按规范添加 React Markup,支持 Studio 编辑并启动预览。产出可运行、可编辑的视频项目,便于后续渲染。

→
领域
Coding
形态
Workflow
位置
skills/remotion-create/SKILL.md

remotion-docs

通过 Algolia API 和 .md URL 搜索并获取最新 Remotion 文档。关键方法:查询 Algolia、选取 URL、获取 Markdown。价值:提供最新 API 信息以编写准确的 Remotion 视频代码。

→
领域
Coding
形态
Workflow
位置
skills/remotion-docs/SKILL.md

remotion-interactivity

提供编写 Remotion 动画的最佳实践,使其对 Agent 直观且可在 Remotion Studio 可视化模式编辑。关键方法:引用官方交互文档、使用 make-component-interactive、遵循视频编辑标记规范。价值:实现 Agent 友好且可视化可编辑的动画。

→
领域
Coding
形态
Style Guide
位置
skills/remotion-interactivity/SKILL.md

remotion-markup

编写 Remotion React Markup 的最佳实践指南,使用 useCurrentFrame/interpolate、Interactive 包装和 staticFile 资源。产出可在 Studio 编辑、正确渲染的动画代码,并链接特效、地图、字幕等子主题。

→
领域
Coding
形态
Style Guide
位置
skills/remotion-markup/SKILL.md

remotion-render

提供使用 Remotion CLI 渲染视频与静态图的最佳实践。关键方式:通过 `npx remotion render` 和 `npx remotion still` 命令并参考文档与透明视频说明。关键产出:从 Remotion 项目正确高效地渲染出视频或图像。

→
领域
Coding
形态
Cli Manual
位置
skills/remotion-render/SKILL.md

remotion-saas

用于基于 Remotion 构建视频应用的技能,涵盖框架/模板选择、Player 嵌入及渲染方案(Lambda、Vercel、Node.js、Cloudflare)。通过关联文档提供结构化指引,帮助开发者规划视频 SaaS 架构与预览嵌入,提升开发效率。

→
领域
Coding
形态
Workflow
位置
skills/remotion-saas/SKILL.md

remotion-upgrade

用于升级 Remotion 及其相关包、兼容的 Mediabunny 包和已安装的 Remotion Agent Skills。通过检查清单、使用 `npx remotion upgrade` 或手动对齐版本、更新技能并校验一致性。产出版本统一、兼容且最新的 Remotion 项目。

→
领域
Coding
形态
Workflow
位置
skills/remotion-upgrade/SKILL.md

显示 10 / 10 条

安装方式

一行命令安装整个 Skillset。

在终端复制并运行以下命令,即可将 remotion-dev/skills 添加到 Agent 环境。

$npx skills add remotion-dev/skills