Remotion Render

Export a Remotion video

1 minute · 112 words · 2 sections

Install

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

$ npx skills add remotion-dev/skills

The first command installs just this skill, by the name in its SKILL.md; the second installs the whole repository.

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 (opens in a new tab)

Render a still using:

npx remotion still

Full list of options: https://www.remotion.dev/docs/cli/still.md (opens in a new tab)

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 (opens in a new tab) for more options.

Transparent videos

See Transparent videos (opens in a new tab) for rendering out a video with transparency.

Colophon for this issue

Colophon

How this issue was made

Source: github.com/remotion-dev/skills, branch main, last pushed 5 November 2026.
Licence: All rights reserved — view on GitHub — with no detectable licence, this issue links rather than republishes: the skills are omitted from the agent manifest and from the whole-book markdown.
Discovery: 13 skills found by walking the repository tree for SKILL.md, not by matching a directory convention. One layout observed: skills/*/SKILL.md.
Issue colours: Resolved from a curated brand profile — hue 254°, chroma 0.190. Two accent tones are generated per issue and each is proven against its own ground before it ships: a single accent that passes AA on both light and dark paper is arithmetically impossible.
Heading repairs: None needed in this skill: the outline was already valid.
Spec compliance: Every skill satisfies the Agent Skills specification’s frontmatter rules.
Images: Images inside a skill come from the upstream repository. Where the author gave no alternative text we mark the image decorative rather than inventing a description — a plausible caption we made up is worse than none for the reader who depends on it.
Signal: Install counts come from skills.sh. They measure downloads, not quality, and an unranked repository is not an unread one.
Agent surfaces: The whole issue is available as one markdown document at /remotion-dev/skills.md, and each skill at its own .md URL.
Publication: Set by Skills Docs from the source repository. Body text is Literata at the reader’s chosen size and measure; code is Geist Mono. Nothing on this page was written by us except this paragraph.

General rendering strategy

Render a video using:

npx remotion render

Full list of options: https://www.remotion.dev/docs/cli/render.md (opens in a new tab)

Render a still using:

npx remotion still

Full list of options: https://www.remotion.dev/docs/cli/still.md (opens in a new tab)

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 (opens in a new tab) for more options.

Transparent videos

See Transparent videos (opens in a new tab) for rendering out a video with transparency.

Remotion Render

General rendering strategy

Transparent videos

Colophon

Remotion Render

General rendering strategy

Transparent videos

Appendix 10.1–10.3

AssetsSVG · 1 file

Also bundled2 files

Colophon

Appendix 10.1–10.3

AssetsSVG · 1 file

Also bundled2 files