mediabunny
基于 Mediabunny 库在浏览器/Node.js 中处理多媒体的编程技能。提供获取音频时长、视频尺寸和视频时长的指南。价值:为媒体工作流快速以编程方式提取元数据。
技能关系
Skill → Skill 的使用关系,可跨层指向。同色块表示同一类技能形态。
技能组成
每个技能都为某种调用者设计——有的必须由你点名触发,有的则由模型自动按上下文加载。下面的两张卡片一眼看清整个技能集的触发分工。
这些技能期待被用户手动直接点名使用。
技能清单
基于 Mediabunny 库在浏览器/Node.js 中处理多媒体的编程技能。提供获取音频时长、视频尺寸和视频时长的指南。价值:为媒体工作流快速以编程方式提取元数据。
Remotion 最佳实践中枢技能,将任务路由到专门子技能(创建、标记、渲染、字幕、SaaS、文档、升级、交互、mediabunny)。提供索引化指导和参考文档,帮助 Agent 编写正确、可维护的 Remotion 视频代码并规避常见陷阱。
一个用于处理 Remotion 视频字幕的技能。它标准化 Caption JSON 类型,并通过子文档涵盖音视频转写、字幕显示和 .srt 导入。价值:为 React 视频项目提供类型安全、一致的字幕工作流。
指导新建 Remotion 视频:通过 CLI 脚手架初始化项目,按规范添加 React Markup,支持 Studio 编辑并启动预览。产出可运行、可编辑的视频项目,便于后续渲染。
通过 Algolia API 和 .md URL 搜索并获取最新 Remotion 文档。关键方法:查询 Algolia、选取 URL、获取 Markdown。价值:提供最新 API 信息以编写准确的 Remotion 视频代码。
提供编写 Remotion 动画的最佳实践,使其对 Agent 直观且可在 Remotion Studio 可视化模式编辑。关键方法:引用官方交互文档、使用 make-component-interactive、遵循视频编辑标记规范。价值:实现 Agent 友好且可视化可编辑的动画。
编写 Remotion React Markup 的最佳实践指南,使用 useCurrentFrame/interpolate、Interactive 包装和 staticFile 资源。产出可在 Studio 编辑、正确渲染的动画代码,并链接特效、地图、字幕等子主题。
提供使用 Remotion CLI 渲染视频与静态图的最佳实践。关键方式:通过 `npx remotion render` 和 `npx remotion still` 命令并参考文档与透明视频说明。关键产出:从 Remotion 项目正确高效地渲染出视频或图像。
用于基于 Remotion 构建视频应用的技能,涵盖框架/模板选择、Player 嵌入及渲染方案(Lambda、Vercel、Node.js、Cloudflare)。通过关联文档提供结构化指引,帮助开发者规划视频 SaaS 架构与预览嵌入,提升开发效率。
用于升级 Remotion 及其相关包、兼容的 Mediabunny 包和已安装的 Remotion Agent Skills。通过检查清单、使用 `npx remotion upgrade` 或手动对齐版本、更新技能并校验一致性。产出版本统一、兼容且最新的 Remotion 项目。
安装方式
在终端复制并运行以下命令,即可将 remotion-dev/skills 添加到 Agent 环境。
npx skills add remotion-dev/skills