Official agent skill

Canvas Capture Extension

by remotion-dev in remotion-dev/remotion

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension.

OfficialCustom licenceAuto-check passedMedia & Creative

Install Canvas Capture Extension

skills CLI
$ npx skills add remotion-dev/remotion --skill canvas-capture-extension -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install remotion-dev/remotion canvas-capture-extension --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/remotion-dev/remotion.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/canvas-capture-extension .claude/skills/canvas-capture-extension && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
canvas-capture-extension
GitHub stars
62k
Token cost
~903 tokens
SKILL.md length
380 words
Files
3 (incl. scripts)
Skills in repo
70
Repo updated
First seen
Licence
Custom licence

At a glance

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension.

  • Works in 3 steps: Locate a Remotion checkout containing → Run → Confirm that the installed directory…
  • The extension needs to be restored after a Codex worktree was deleted
  • SKILL.md covers Rebuild and install, Develop with React and Vite and Reload in Chrome
  • Runs Shell scripts from its folder; calls bun

What it does

Canvas Capture Extension is an agent skill from remotion-dev/remotion, published by the product's own GitHub organization. Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree was deleted, rebuilt after source changes, moved to its durable install directory, or reloaded in Chrome or Chrome Canary.

Its SKILL.md is about 900 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including scripts (for example `agents/openai.yaml` and `scripts/rebuild-extension.sh`).

It sits in Media & Creative, covering Video production, Browser extensions and Deployment. It works with Remotion and Chrome Extensions. The repository describes itself as: 🎥 Make videos programmatically with React.

When your agent uses it

  • The extension needs to be restored after a Codex worktree was deleted
  • Rebuilt after source changes
  • Moved to its durable install directory
  • Reloaded in Chrome

Example prompts

  • “/canvas-capture-extension”

Requirements

  • A Bash shell

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. Locate a Remotion checkout containing
  2. Run
  3. Confirm that the installed directory contains manifest.json,

What it can do on your machine

Read from SKILL.md and the folder at commit 4d2a66f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (Shell), which the agent can run.

    Shell commands in SKILL.md call:

    • bun

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Canvas Capture Extension loads about 903 tokens when it runs. Until then it costs about 77 tokens; SKILL.md has 380 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~77
When it runs · the whole SKILL.md, loaded when a task matches
~903

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 380 words (~903 tokens).

“Build the extension from packages/canvas-capture-extension, but always install the unpacked copy outside the checkout so deleting a worktree cannot break it.”

— opening of SKILL.md by remotion-dev, Custom licence
name
canvas-capture-extension

Read the full SKILL.md on GitHub

Files

SKILL.md and 2 other files (scripts) in .agents/skills/canvas-capture-extension of remotion-dev/remotion.

  • SKILL.md
  • agents/openai.yaml
  • scripts/rebuild-extension.sh

Open the folder on GitHubat commit 4d2a66f

Compare with similar skills

Canvas Capture Extension next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Canvas Capture Extension compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Canvas Capture Extension this skillremotion-dev/remotion62k—~903Automated safety check: PassCustom licence
Broll Remotion Builderduo1998-cell/erduo-broll-loop-engineering207—~1.4kAutomated safety check: PassMIT
Twinmind Deploy Integrationjeremylongshore/tons-of-skills-marketplace2.8k—~937Automated safety check: PassMIT
Live Extension UI Automationqixing-jk/all-api-hub4.9k—~2.6kAutomated safety check: PassAGPL-3.0
Remotion to HyperFrames Porterheygen-com/hyperframes59k3 repos~2.8kAutomated safety check: PassApache-2.0
Disney Animation Rule Skillvibe-motion/skills1.3k—~1.5kAutomated safety check: PassNone

Similar skills

  • Broll Remotion Build

    erduo1998-cell/erduo-broll-loop-engineering

    Build explicit Remotion canary representative samples as Lead, or own one explicitly assigned contiguous chapter through design, deterministic Composition authoring, viewing, and revision.

    207 GitHub stars~1.4k tokensUpdated 17 days ago
    Media & CreativeAuto-check passed
  • Twinmind Deploy Integration

    jeremylongshore/tons-of-skills-marketplace

    Deploy TwinMind integrations to production environments with Chrome extension deployment, mobile app configuration, and API access setup.

    2.8k GitHub stars~937 tokensUpdated today
    DevOps & CloudAuto-check passed
  • Live Extension UI Automation

    qixing-jk/all-api-hub

    Control, debug, and test the live dev browser extension UI (Options, Popup, Sidepanel) via CDP with persistent login states and accounts.

    4.9k GitHub stars~2.6k tokensUpdated yesterday
    DevelopmentAuto-check passed
  • Remotion to HyperFrames Porter

    heygen-com/hyperframes

    Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.

    59k GitHub starsUsed in 3 repos~2.8k tokens
    Media & CreativeAuto-check passed
  • Disney Animation Rule Skill

    vibe-motion/skills

    Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

    1.3k GitHub stars~1.5k tokensUpdated 3 days ago
    Media & CreativeAuto-check passed
  • Twinmind Install Auth

    jeremylongshore/tons-of-skills-marketplace

    Install and configure TwinMind Chrome extension, mobile app, and API access.

    2.8k GitHub stars~1.3k tokensUpdated today
    Media & CreativeAuto-check: notes

More from remotion-dev/remotion

All 70 skills in this repo
  • Nullable New Params

    remotion-dev/remotion

    Official

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

    62k GitHub stars~1k tokensUpdated today
    Auto-check passed
  • Vercel

    remotion-dev/remotion

    Official

    Set up a Codex monitor for Vercel deployments and preview URLs.

    62k GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Writing Docs

    remotion-dev/remotion

    Official

    Guides for writing and editing Remotion documentation. An agent skill from remotion-dev/remotion.

    62k GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed
  • Find Unplanned Issues

    remotion-dev/remotion

    Official

    Audit and clean the Remotion GitHub masterplan hierarchy. An agent skill from remotion-dev/remotion.

    62k GitHub stars~673 tokensUpdated today
    Auto-check passed
  • Add CLI Option

    remotion-dev/remotion

    Official

    Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation.

    62k GitHub stars~1.5k tokensUpdated today
    Auto-check passed
  • Deprecate API

    remotion-dev/remotion

    Official

    Reference for how deprecation of public Remotion APIs is represented in TypeScript source and documentation.

    62k GitHub stars~529 tokensUpdated today
    Auto-check passed

Questions about Canvas Capture Extension

What does Canvas Capture Extension do?

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Canvas Capture Extension is an agent skill from remotion-dev/remotion, published by the product's own GitHub organization. Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension.

When should I use Canvas Capture Extension?

Canvas Capture Extension fits situations like: the extension needs to be restored after a Codex worktree was deleted; rebuilt after source changes; moved to its durable install directory; reloaded in Chrome.

How do I install Canvas Capture Extension in Claude Code?

Run `npx skills add remotion-dev/remotion --skill canvas-capture-extension -a claude-code`. Or copy the skill folder (.agents/skills/canvas-capture-extension in remotion-dev/remotion) into .claude/skills/canvas-capture-extension in your project. Claude Code loads it when a task matches its description.

How do I install Canvas Capture Extension in Codex?

Run `npx skills add remotion-dev/remotion --skill canvas-capture-extension -a codex`. Or copy the skill folder (.agents/skills/canvas-capture-extension in remotion-dev/remotion) into .agents/skills/canvas-capture-extension in your project. Codex loads it when a task matches its description.

Can I use Canvas Capture Extension in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add remotion-dev/remotion --skill canvas-capture-extension -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canvas-capture-extension, .gemini/skills/canvas-capture-extension, .github/skills/canvas-capture-extension and .opencode/skills/canvas-capture-extension in your project.

What does Canvas Capture Extension need to run?

Going by SKILL.md and its folder, Canvas Capture Extension needs a shell for the scripts in its folder and the command-line tools its instructions call (bun). Our summary lists: A Bash shell.

Does Canvas Capture Extension access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Canvas Capture Extension safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Canvas Capture Extension use?

Canvas Capture Extension has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Canvas Capture Extension use?

About 903 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Canvas Capture Extension?

Skills that share tags, products or a category with Canvas Capture Extension: Broll Remotion Build (erduo1998-cell/erduo-broll-loop-engineering, 207 stars), Twinmind Deploy Integration (jeremylongshore/tons-of-skills-marketplace, 2.8k stars), Live Extension UI Automation (qixing-jk/all-api-hub, 4.9k stars) and Remotion to HyperFrames Porter (heygen-com/hyperframes, 59k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Canvas Capture Extension?

remotion-dev (a GitHub organization, an official publisher) maintains it in remotion-dev/remotion, which has 62,407 GitHub stars. The repository holds 70 skills in this directory. The repository was last updated on October 8, 2026.

Source: remotion-dev/remotion on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.