Skip to content
Development
Skill

/remotion-render

Export a Remotion video

From plugin
open-agent-hub
1k105 skills5 agents3 commands6 MCP

Claude Code

$ npx -y skills add guanyang/open-agent-hub --skill remotion-render --agent claude-code

SKILL.md

remotion-render.SKILL.md
name: remotion-render
description: Export a Remotion video
version: 4.0.543

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

Passing input props

Pass input props as inline JSON or as a path to a JSON file:

npx remotion render [composition-id] out/video.mp4 --props='{"title": "Hello"}'
npx remotion render [composition-id] out/video.mp4 --props=./props.json

Remotion shallow-merges input props over the `defaultProps` of the composition. See https://www.remotion.dev/docs/passing-props.md.

License key

Companies that need a Remotion license (`remotion-license` skill) should pass their license key to every render. If the user qualifies for the free license, pass `free-license` instead:

npx remotion render [composition-id] out/video.mp4 --license-key=$REMOTION_PRIVATE_LICENSE_KEY

Only pass `--license-key` if a key is available, since an empty value is not a valid key. Add `--is-production=false` for test renders so that Remotion does not bill them. See https://www.remotion.dev/docs/telemetry.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.

Remotion writes the frames as `element-[frame].[ext]`. It pads the frame number with zeros to the number of digits of the highest rendered frame, so `--frames=4,30` writes `element-04.png` and `element-30.png`. List the output folder instead of guessing the filenames, or pass `--image-sequence-pattern` to change the pattern.

Transparent videos

See [Transparent videos](./transparent-videos.md) for rendering out a video with transparency.

Read more
@guanyang
Ships withopen-agent-hub

A lightweight, zero-dependency CLI tool to manage and activate capabilities for AI coding assistants (such as Claude Code, Cursor, Trae, etc.).

1k105 skills5 agents6 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
1.0k
Star history of guanyang/open-agent-hub on GitHub, a chart by star-history.com

Other skills on open-agent-hub.

academy-guide

academy-guide

Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it recommends…

algorithmic-art

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request…

baoyu-comic

baoyu-comic

Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts…

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills2w309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react5d252k
@facebook@facebookInstall Skill

Questions about remotion-render.

Which coding agents can use remotion-render?
remotion-render installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.