About remotion-render
remotion-render is a skill for rendering Remotion compositions as videos or still images. It guides users to use Remotion's bundled browser and covers rendering selected frames and transparent video output.
Key features
- 01Render compositions as video
- 02Render still images
- 03Export selected frames as images
- 04Guidance for transparent video
Use cases
- 01Rendering a completed Remotion composition
- 02Creating stills from a composition
- 03Exporting specific frames for review
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ remotion-dev/ remotion --skill remotion-renderAfter installing, type/remotion-renderin Claude Code to confirm it loaded.
Bundled filestransparent-videos.mdagents/openai.yaml
Details
From the project READMEGeneral 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.