Communitygithub.com

remotion-dev/remotion

重建、安装并重新加载私有的 Remotion Canvas Capture 非打包版 Chrome 扩展。用于在 Codex 工作树被删除后需恢复扩展、源代码变更后需重建、移动至持久安装目录,或需在 Chrome 或 Chrome Canary 中重新加载时。

remotion 是什么?

该技能旨在自动化管理 Remotion Canvas Capture Chrome 扩展的完整生命周期,特别适用于开发者在使用 Codex 等 AI 编程工具时频繁重建开发环境的场景。它支持重建、安装和重新加载非打包版本的 Chrome 扩展,能够应对工作树被删除、源代码变更、扩展目录迁移以及浏览器重载等常见操作。该技能适用于 Chrome 和 Chrome Canary 浏览器,通过运行构建命令、复制文件到持久目录并触发浏览器扩展页面重载来实现无缝集成。其核心价值在于消除手动操作步骤,确保扩展在开发工作流中始终保持最新状态,从而提升视频生成工具的调试和迭代效率。

兼容平台~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/remotion-dev/remotion/tree/main/.agents/skills/canvas-capture-extension

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

remotion 是做什么的?

重建、安装并重新加载私有的 Remotion Canvas Capture 非打包版 Chrome 扩展。用于以下场景:Codex 工作树被删除后需恢复扩展、源代码变更后需重建、将扩展移动至持久安装目录,或需要在 Chrome 或 Chrome Canary 中重新加载扩展。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

remotion-dev/add-bug

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the bugs API.

remotion-dev/add-cli-option

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.

remotion-dev/add-effect

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and builds.

remotion-dev/add-expert

Add a new expert to the Remotion experts page

remotion-dev/add-new-package

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist updates. Use when creating a new @remotion package.

remotion-dev/add-sfx

Add a new sound effect to @remotion/sfx

remotion-dev/add-webcodecs-bug

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked in packages/docs/docs/mediabunny/webcodecs-bugs.mdx, especially when needing to look up the issue title, filing date, reporter, and resolution state before editing the MDX table.

remotion-dev/docs-demo

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

remotion-dev/homepage-video-assets

Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets copied into both promo-pages and docs.

remotion-dev/make-pr

Open a pull request for the current feature

remotion-dev/remotion-best-practices

Router for all Remotion skills

remotion-dev/remotion-captions

Transcribing, displaying and animating captions

remotion-dev/remotion-create

Create a new Remotion video

remotion-dev/remotion-docs

Search Remotion documentation

remotion-dev/remotion-interactivity

Structure Remotion markup for interactivity

remotion-dev/remotion-maps

Remotion Map animation knowledge

remotion-dev/remotion-markup

Content, animation and effects best practices

remotion-dev/remotion-multimedia

Interacting with Mediabunny

remotion-dev/remotion-render

Export a Remotion video

remotion-dev/remotion-saas

Build an app with Remotion

相关技能