Remotion Render
- 3 installs
- 4 repo stars
- Updated March 11, 2026
- aviz85/ai-music-video-maker
remotion-render is a Claude Code skill that renders Remotion video compositions to MP4, WebM, ProRes, or GIF output files.
About
A Claude Code skill that renders Remotion video compositions to output files. It documents the render CLI commands for listing compositions, choosing codecs and quality (CRF), rendering subsets of frames, and overriding props. A developer uses it to export a Remotion composition to MP4 or other formats after previewing in the studio.
- Renders Remotion video compositions to MP4, WebM, ProRes, or GIF
- Documents render CLI flags: codec, CRF, scale, frames, props override
- Includes troubleshooting for slow renders and black frames
Remotion Render by the numbers
- 3 all-time installs (skills.sh)
- Ranked #1,155 of 1,337 Generative Media skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
remotion-render capabilities & compatibility
Free; no API keys, uses local Remotion render CLI.
- Capabilities
- video generation
- Use cases
- video generation
- Pricing
- Free
What remotion-render says it does
Render video compositions to output files.
npx remotion render <CompositionId> out/<filename>.mp4
npx skills add https://github.com/aviz85/ai-music-video-maker --skill remotion-renderAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 3 |
|---|---|
| repo stars | ★ 4 |
| Last updated | March 11, 2026 |
| Repository | aviz85/ai-music-video-maker ↗ |
What it does
Export a Remotion composition to MP4, WebM, ProRes, or GIF with codec and quality flags via the render CLI.
Who is it for?
Exporting a finished Remotion composition to a video file with control over codec and quality.
Skip if: Authoring the composition itself, which other Remotion skills handle.
When should I use this skill?
You need to render, export, or batch-render a Remotion composition to a video file.
What you get
A rendered video file exported from a Remotion composition.
- Rendered video file (MP4/WebM/ProRes/GIF)
By the numbers
- 4 output formats (MP4/WebM/ProRes/GIF)
- default codec h264
Files
Remotion Render
Render video compositions to output files.
Quick Commands
# Start dev studio (browser preview)
npm run dev
# List available compositions
npx remotion compositions src/index.tsx
# Render specific composition
npx remotion render <CompositionId> out/<filename>.mp4
# Render with options
npx remotion render HelloWorld out/hello.mp4 --codec=h264 --crf=18Render Workflow
1. Preview first: npm run dev → open http://localhost:3000 2. Check composition: Verify it looks correct in studio 3. Render: npx remotion render <id> out/<name>.mp4
Common Render Commands
Standard quality (YouTube, general use)
npx remotion render HelloWorld out/video.mp4High quality
npx remotion render HelloWorld out/video.mp4 --crf=18Fast preview (half resolution)
npx remotion render HelloWorld out/preview.mp4 --scale=0.5Specific frames only
npx remotion render HelloWorld out/clip.mp4 --frames=0-60With props override
npx remotion render HelloWorld out/custom.mp4 --props='{"text":"Custom Text"}'Output Formats
| Format | Extension | Command |
|---|---|---|
| MP4 (H.264) | .mp4 | --codec=h264 (default) |
| WebM (VP9) | .webm | --codec=vp9 |
| ProRes | .mov | --codec=prores |
| GIF | .gif | --codec=gif |
Troubleshooting
Slow render?
- Use
--scale=0.5for testing - Check
--log=verbosefor bottlenecks - Reduce concurrency if memory issues:
--concurrency=2
Black frames?
- Assets not loaded - use Remotion's
<Img>,<Video>components - Check paths use
staticFile()for public/ assets
See ../video-common/references/codecs.md for detailed codec options.
Related skills
Remotion Best PracticesGet Remotion-specific coding guidance that prevents common video rendering mistakes when creating animated React videos.451k4.2k
Ai Video GenerationGenerate videos using 40+ AI models including Veo, Seedance, and others via inference.sh442k665Ai Image GenerationGenerate images using 50+ AI models including FLUX, Gemini, and Replicate via inference.sh441k665Ai Avatar VideoGenerate videos featuring AI avatars for product demos, tutorials, marketing, or explainers441k665Remotion RenderRender videos programmatically using React components and Remotion framework441k665
Remotion RenderGenerate high-quality MP4 videos from React code using Remotion inside an AI coding agent.363k665FAQ
What output formats are supported?
MP4 (H.264, default), WebM (VP9), ProRes (.mov), and GIF.
How do I get higher quality?
Use a lower CRF value, for example --crf=18.