Skip to content
alyn
Remotion Official

Remotion Render skill

Export a Remotion video

$npx skills add remotion-dev/skills --skill remotion-render
GitHub stars
6,794
Pack installs
4.1M
Alyn Score
74/99
Updated
2 days ago

Remotion

Remotion Render

Video

Install Remotion Render

Pick your agent. Every command is ready to paste.

$npx skills add remotion-dev/skills --skill remotion-render

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads remotion-render when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the remotion-render skill”. In Codex, type $remotion-render.

The skill itself

SKILL.md

GitHub

General rendering strategy

Use Remotion's bundled browser for rendering, including compositions using <HtmlInCanvas>. It includes the required browser APIs and Remotion's browser fixes. Let Remotion download or update it as needed. Do not reuse a recording browser or set --browser-executable, browserExecutable, or chromeMode unless the user explicitly requests a different browser.

Render a video using:

npx remotion render

Full list of options: https://www.remotion.dev/docs/cli/render.md

Render a still using:

npx remotion still

Full list of options: https://www.remotion.dev/docs/cli/still.md

To render several frames as images in one call, use render --frames:

npx remotion render [composition-id] out/frames --frames=0,30,90 --image-format=png

See https://www.remotion.dev/docs/cli/render.md#--frames for more options.

Transparent videos

See Transparent videos for rendering out a video with transparency.

Tips for Remotion Render

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
  • • It is part of a pack with 13 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Remotion Render

What does the Remotion Render skill do?

Export a Remotion video

How do I install Remotion Render?

Run "npx skills add remotion-dev/skills --skill remotion-render" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Remotion Render work in Cursor and Codex?

Yes. Remotion Render uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Remotion Render free?

Remotion Render is open source on GitHub. It is free to install; check the license before commercial use.

Who made Remotion Render?

Remotion Render is published by Remotion in the remotion-dev/skills repository, together with 12 other skills.

Similar skills. From other creators.