Remotion Dev技能

使用Three.js和React Three Fiber在Remotion中创建3D内容。

通过验证已提交的预览、将其上传至R2、移除临时资产，并准备…来接受外部Remotion Element贡献。

在 packages/bugs/api/[v].ts 中添加新的 Remotion 错误条目。当用户描述一个错误以及应通过……显示的受影响 Remotion 版本时使用。

在packages/bugs/api/[v].ts中新增一条Remotion bug记录。当用户描述了应通过该文件呈现的bug及受影响的Remotion版本时使用。

通过创建AnyRemotionOption、注册CLI解析、连接配置设置器并更新文档，来添加新的Remotion CLI或配置选项。在以下情况下使用……

通过创建 AnyRemotionOption、注册 CLI 解析、连接配置设置器并更新文档，来添加新的 Remotion CLI 或配置选项。当……时使用。

为@remotion/effects添加一个新效果，包括实现、包导出、文档、演示、预览图片、Remotion技能更新、测试、格式化等……

为@remotion/effects添加新效果，包括实现、包导出、文档、演示、预览图像、Remotion技能更新、测试、格式化以及……

Add a new expert to the Remotion experts page

在Remotion专家页面中添加新专家

向Remotion monorepo添加新包，包括包脚手架搭建、monorepo注册、文档、构建脚本、测试和发布检查清单……

在Remotion单体仓库中添加新包，包括包脚手架、单体仓库注册、文档、构建脚本、测试和发布清单…

为 @remotion/sfx 添加新的音效

将浏览器WebCodecs错误添加到Remotion Mediabunny WebCodecs错误文档页面。当提供应跟踪的Chromium、WebKit或Firefox问题URL时使用…

在Remotion Mediabunny WebCodecs错误文档页面中添加一个浏览器WebCodecs错误。当提供一个需要追踪的Chromium、WebKit或Firefox问题URL时使用…

重建、安装并重新加载私有的 Remotion Canvas Capture 未打包 Chrome 扩展。当扩展需要在 Codex worktree 之后恢复时使用……

在 Remotion 仓库中检出请求的分支或引用，在 Codex 中运行时将当前任务重命名为关联的 PR 标题，然后安装依赖项…

在Remotion仓库中检出请求的分支或引用，然后安装依赖并构建。当用户要求检出引用并准备…时使用。

启动本地 @remotion/convert 应用并在 Codex 浏览器中打开。当用户调用 /convert 或 $convert，或要求启动 convert.remotion.dev… 时使用。

启动本地 @remotion/convert 应用并在 Codex 浏览器中打开。当用户调用 /convert 或 $convert，或要求启动 convert.remotion.dev… 时使用。

关于公共Remotion API弃用如何在TypeScript源码和文档中表示的参考。在添加、审查或讨论……时使用。

启动 Remotion 文档站点，并在 Codex 浏览器中打开。当用户调用 /docs 或 $docs、要求启动本地文档站点，或想要……时使用。

启动 Remotion 文档站点并在 Codex 浏览器中打开。当用户调用 /docs 或 $docs、要求启动本地文档站点或希望…时使用。

向 Remotion 文档添加交互式演示。在为文档页面创建新的 <Demo> 组件时使用。

为Remotion文档添加交互式演示。用于为文档页面创建新的<Demo>组件时使用。

审计并清理 Remotion GitHub 主计划层级结构。用于查找缺少主计划祖先的开放问题，识别需要……的孤立问题。

通过更新依赖项在 monorepo 中的所有实例、运行 bun install 并推送来修复 Dependabot PR

修复 Dependabot PR，更新依赖的所有单体仓库实例，运行 bun install 并推送

在 issue 中跟踪 Remotion CI 的不稳定测试

在问题中追踪 Remotion CI 的不稳定测试

运行Remotion格式化和样式检查，直到通过为止。当用户要求修复格式或运行格式化命令时使用。

运行 Remotion formatting 和样式检查直到通过。当用户要求修复格式或运行格式化命令时使用。

管理堆叠式PR，并通过gh-stack将多部分工作拆分为可审查的分支。用于堆栈创建、查看、编辑、推送、提交、同步、变基等操作。

用于渲染或替换Remotion主页创作者横幅视频时，尤其是已复制到两处促销页面中的透明Chrome WebM和Safari MP4资源…

在渲染或替换Remotion首页创作者条状视频时使用，特别是复制到两个推广页面中的透明Chrome WebM和Safari MP4资源…

安装并验证Apple Silicon macOS上私有Remotion Canvas Capture扩展所使用的固定Chrome for Testing构建版本。在设置Canvas…时使用。

编写Remotion动画的最佳实践，确保动画对代理保持直观，并可在Remotion Studio可视化模式下编辑。

使用正确的Remotion命名和安全的多行Markdown处理来创建或更新GitHub issue

使用 gh CLI 管理 GitHub Issues 2.0 的关系：父问题、子问题、被阻塞关系和阻塞链接。

使用 gh CLI 管理 GitHub Issues 2.0 关系：父问题、子问题、被阻塞以及阻塞链接。

自动化拉取请求创建，包含格式化提交和分支管理。确保不在主分支上，必要时创建功能分支。在提交前对所有受影响的包运行Oxfmt代码格式化。使用package.json中的包名格式化提交和PR标题（例如：“@remotion/shapes：添加心形”）。推送更改后，使用gh CLI自动打开拉取请求。

使用 Mediabunny 库进行多媒体处理

使用Mediabunny库进行多媒体处理

使用Mediabunny库进行多媒体处理

使用Mediabunny库进行多媒体处理

等待 Remotion 拉取请求变为可合并状态，处理合并冲突，区分真正的 CI 失败与不稳定测试，通过不稳定测试重跑机制重新运行不可靠的检查…

在 docs Remotion Studio 中搭建一个新的 Remotion Element，并配置正确的预览合成以用于开发。

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to…

修复Remotion单体仓库差异中新增的可选参数、可选React属性以及可选类型/接口成员，通过将内部API转换为…

启动 @remotion/player 示例应用并在 Codex 浏览器中打开。当用户调用 /player-example 或 $player-example，或要求启动…时使用。

启动 @remotion/player 示例应用并在 Codex 浏览器中打开。当用户调用 /player-example 或 $player-example，或要求启动…时使用。

为当前功能打开一个拉取请求

为当前功能打开一个拉取请求

PR 的正确命名

审查或修正Remotion的pull request标题

解决CI失败、合并冲突或本地分支变更，使PR准备就绪

解决CI失败、合并冲突或本地分支变更，使PR准备就绪

完成一个已开发的 Remotion Element，将其添加到文档图库中，渲染其预览，并运行仓库检查。

发布新的Remotion版本

发布新的 Remotion 版本

使用Remotion制作视频的技能。

Remotion - 在React中创建视频的最佳实践

所有Remotion技能的路由器

Best practices for Remotion - Video creation in React

Remotion - 在React中创建视频的最佳实践

Remotion 的最佳实践

基于Remotion和React构建视频的领域特定知识库。涵盖30多个规则文件，涉及动画、音频、素材、3D内容、图表、文字、转场及合成管理。包含字幕、FFmpeg操作、音频可视化及音效集成的专项指导。提供动态元数据计算、媒体检查（时长、尺寸、帧提取）及可参数化合成的模式。支持Lottie等高级功能...

处理 Remotion 中的字幕

转录、显示和动画化字幕

转录、显示和动画化字幕

处理 Remotion 中的字幕

处理 Remotion 中的字幕

创建新的Remotion视频

Create a new Remotion video

创建新的Remotion视频

创建一个新的Remotion视频

搜索 Remotion 文档

搜索 Remotion 文档

搜索 Remotion 文档

搜索 Remotion 文档

编写Remotion动画的最佳实践，使其对代理保持直观，并在Remotion Studio可视化模式下可编辑。

为交互性构建 Remotion 标记

结构化Remotion标记以实现交互性

编写Remotion动画的最佳实践，使其对代理保持直观，并在Remotion Studio可视化模式下可编辑。

编写Remotion动画的最佳实践，使其对代理保持直观，并在Remotion Studio可视化模式下可编辑。

Remotion 地图动画知识

Remotion 地图动画知识

Remotion 地图动画知识

Remotion 地图动画知识

内容、动画与效果的最佳实践

编写Remotion React标记的最佳实践

编写Remotion React标记的最佳实践

编写Remotion React标记的最佳实践

与Mediabunny互动

与Mediabunny交互

Interacting with Mediabunny

与Mediabunny交互

导出 Remotion 视频

导出 Remotion 视频

渲染视频的最佳实践

渲染视频的最佳实践

渲染视频的最佳实践

使用 Remotion 构建应用

使用Remotion构建视频应用——框架、渲染与播放器建议

使用Remotion构建视频应用 - 框架、渲染和Player建议

使用Remotion构建视频应用——框架、渲染与播放器建议

预览 Remotion 视频

预览 Remotion 视频

预览Remotion视频

预览 Remotion 视频

升级 Remotion 及相关包

升级 Remotion 及相关软件包

升级 Remotion 及相关包

升级Remotion及相关软件包

搭建一个新的 Remotion Element，并带有正确配置的预览合成，用于在 docs Remotion Studio 中进行开发。

记录Remotion技能的放置位置。在添加、移动或编辑Remotion技能时使用，以判断某个技能是否应作为内部技能放置在.agents/skills中…

文档移除技能放置。在添加、移动或编辑Remotion技能时使用，以判断技能是否属于.agents/skills中的内部技能…

从packages/example启动Remotion Studio并在Codex浏览器中打开。当用户调用/studio或$studio、请求启动示例Studio时使用。

从 packages/example 启动 Remotion Studio，并在 Codex 浏览器中打开。当用户调用 /studio 或 $studio，或要求启动示例 Studio 时使用。

将 Remotion Studio 配置选项分类并连接为启动时固定或可重载，同时防止跨使用者的混合生命周期行为。适用于……

诊断并修复由全局CSS重置引起的Remotion Studio UI错误。当嵌套文本或SVG图标出现颜色、排版、尺寸、悬停效果不正确时使用。

Remotion Studio UI更改的指南，其中全局CSS重置影响嵌套元素。在编辑packages/studio UI时使用，尤其是在添加包装器时…

通过最小化帧响应式组件表面、优先使用命令式时间线状态读取以及记忆化稳定组件来优化Remotion Studio的渲染性能…

完成已开发的Remotion Element，将其添加到文档画廊，并准备直接成员提交或可供外部审查的贡献。

将 Remotion Lambda Chrome 二进制文件发布到 eu-central-1 测试区域，并更新托管层和 Chrome 版本引用。用于更新 Chrome…

将 Remotion Lambda Chrome 二进制文件发布到 eu-central-1 测试区域，并更新托管层和 Chrome 版本引用。在更新 Chrome… 时使用。

使用最新的权威 main 分支更新当前的 Remotion 分支。当被要求从上游 main 更新或同步时使用，将最新的 main 合并到…

更新Remotion的ffmpeg-next Git修订版本到已发布的rust-ffmpeg提交，刷新Cargo.lock，重新构建所有受支持的合成器二进制文件，验证…

更新 Remotion 首页的 GitHub 星标数。当被要求刷新页面上显示的 GitHub 星标数并将更改推送到 main 分支时使用。

更新 Remotion 主页的 GitHub 星标数量。当被要求刷新显示的 GitHub 星标数并将更改推送到主分支时使用。

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

在Remotion仓库中升级caniuse-lite的override。在要求将caniuse-lite更新到最新npm版本时使用。

升级 Remotion 仓库中的 caniuse-lite 覆盖版本。当要求将 caniuse-lite 更新到最新的 npm 版本时使用。

升级 Mediabunny 及相关 @mediabunny 包，覆盖整个 Remotion 仓库。在被要求将 Mediabunny 更新到最新版本时使用。

在 Remotion 仓库中升级 Mediabunny 及相关 @mediabunny 包。当被要求将 Mediabunny 更新到最新版本时使用。

将大型 Remotion 仓库资源上传到 remotion.media 背后的 Cloudflare R2 存储桶，并将本地 public/ 资源替换为托管 URL。当文件…时使用

将大型Remotion仓库资源上传到remotion.media背后的Cloudflare R2存储桶，并用托管URL替换本地public/资源。当文件…时使用

在v4和v5发布线仍共享代码时，实现或审查Remotion 5的破坏性变更。当v4行为和公共类型必须保持…

为Vercel部署和预览URL设置Codex监视器。当用户调用/vercel或$vercel，要求Codex监视或监控Vercel…时使用。

为 Vercel 部署和预览 URL 设置 Codex 监控。当用户调用 /vercel 或 $vercel，要求 Codex 监视或监控 Vercel…

我们正在使用的Remotion version

我们正在使用的Remotion版本。

生成关于视频的报告

生成关于视频的报告

用于 Remotion Studio 可视化模式、序列标识、节点路径、符号化堆栈、覆盖ID 及热重载行为的工作指南。当……时使用。

在 Remotion Studio 视觉模式下工作的指导，包括序列标识、节点路径、符号化堆栈、覆盖 ID 和热重载行为。当……时使用。

使用vitest夹具对web渲染器组件进行视觉快照测试。在packages/web-renderer/src/test/fixtures中创建测试夹具，定义React组件、尺寸、帧率和时长。在packages/web-renderer/src/test/Root.tsx中注册夹具以启用预览功能。编写测试用例，使用renderStillOnWeb()渲染静态图像，并通过testImage()快照比较验证输出。使用bunx vitest src/test/video.test.tsx运行测试，并更新文档...

向 web renderer 添加一个测试用例

编写和编辑Remotion文档的指南。在添加文档页面、编辑packages/docs中的MDX文件或撰写文档内容时使用。

编写Remotion API文档的指南和模板，采用MDX格式。每个API在packages/docs/docs目录下创建一个.mdx文件，将其添加到sidebars.ts中，并运行bun render-cards.ts生成社交预览卡片。API属性使用###标题（而非项目符号），可选参数添加?后缀，并在描述中自然包含默认值。优先使用带有twoslash验证的类型安全代码片段；使用// ---cut---隐藏导入，并始终为...添加title属性。

在Remotion仓库中编写和审查测试的规则。在添加、编辑或审查测试时使用，尤其是针对Studio UI、渲染、CLI等的测试。