Remotion Render Config
Produce a RENDER_CONFIG.md with codec, quality, and platform presets before running Remotion renders.
Overview
remotion-render-config is an agent skill for the Build phase that generates RENDER_CONFIG.md with Remotion codec, quality, and platform output settings.
Install
npx skills add https://github.com/ncklrs/startup-os-skills --skill remotion-render-configWhat is this skill?
- Outputs RENDER_CONFIG.md with Remotion render and output settings
- Covers MP4, WebM, ProRes and H.264, H.265, VP9 parameters
- Maps CRF, bitrate, compression, resolution, and scaling
- Includes YouTube, Twitter, and Instagram platform optimization presets
- Explicitly out of scope: composition, scenes, animation, and assets (sibling Remotion skills)
- 5 configuration areas: format, codec, quality, resolution, platform optimization
- 3 named platform presets: YouTube, Twitter, Instagram
Adoption & trust: 1 installs on skills.sh; 27 GitHub stars; 3/3 security scanners passed (skills.sh audits); trending (+100% hot-view momentum).
What problem does it solve?
You know what video you built in Remotion but not which codec, CRF, resolution, or platform preset will produce acceptable files on first export.
Who is it for?
Indie creators and SaaS marketers exporting Remotion videos to YouTube, X, or Instagram with repeatable quality settings.
Skip if: Defining React composition structure, keyframe animation, or asset pipelines—use the dedicated Remotion skills listed in scope boundaries.
When should I use this skill?
User needs Remotion render/export configuration, codec selection, or platform-specific output settings documented as RENDER_CONFIG.md.
What do I get? / Deliverables
You get RENDER_CONFIG.md with render-command parameters ready to plug into Remotion CLI or CI—then run composition renders using your existing Remotion project.
- RENDER_CONFIG.md with Remotion render command and output parameters
Recommended Skills
Journey fit
Export settings are decided while you are building the video product, right before render pipelines and CI export jobs. Remotion lives in the React/video frontend toolchain; this skill only configures output, not composition code.
How it compares
Skill package for export settings only—not a cloud render farm or a replacement for Remotion’s composition generator skills.
Common Questions / FAQ
Who is remotion-render-config for?
Solo builders using Remotion in React who want documented render settings without guessing codec and platform constraints.
When should I use remotion-render-config?
During Build (frontend/video) after compositions are ready and before you run local or CI renders—for example ‘Render for YouTube at high quality with H.264.’
Is remotion-render-config safe to install?
It generates configuration markdown rather than executing renders by default; still review the Security Audits panel on this page before granting shell or network access in your agent.
SKILL.md
READMESKILL.md - Remotion Render Config
# Remotion Render Config Generates render configuration documents that define video output settings, codec parameters, format options, and quality settings for Remotion video renders. This skill focuses exclusively on render/export configuration. ## What This Skill Does Generates render configurations for: 1. **Output format** — MP4, WebM, ProRes, etc. 2. **Codec settings** — H.264, H.265, VP9 parameters 3. **Quality settings** — CRF, bitrate, compression level 4. **Resolution** — Output dimensions and scaling 5. **Platform optimization** — YouTube, Twitter, Instagram presets ## Scope Boundaries **IN SCOPE:** - Render command configuration - Codec and format selection - Quality and compression settings - Platform-specific optimizations - Output file parameters **OUT OF SCOPE:** - Composition implementation (use `/remotion-composition`) - Scene logic (use `/remotion-component-gen`) - Animation parameters (use `/remotion-animation`) - Asset management (use `/remotion-asset-coordinator`) ## Input/Output Formats ### Input Format: Target Platform/Quality Requirements Accepts render target specifications: **Natural Language:** ``` Render for YouTube at high quality with H.264 codec ``` **Structured Format:** ```markdown ## Render Requirements **Target Platform:** YouTube **Quality Level:** High **Format:** MP4 (H.264) **Resolution:** 1920x1080 **Frame Rate:** 30 fps **Additional:** Upload-ready, optimized file size ``` ### Output Format: RENDER_CONFIG.md Generates complete render configuration document: ```markdown # Render Configuration: ProductDemo ## Status ✅ Render settings defined ⏳ Ready for video render ## Render Command ```bash npx remotion render \ src/index.tsx \ ProductDemo \ output.mp4 \ --codec=h264 \ --crf=18 \ --pixel-format=yuv420p \ --audio-codec=aac \ --audio-bitrate=320k ``` ## Configuration Details ### Output Format - **Container:** MP4 - **Video Codec:** H.264 (x264) - **Audio Codec:** AAC - **Pixel Format:** yuv420p (for maximum compatibility) ### Quality Settings - **CRF:** 18 (high quality, ~15-20 MB/min) - **Audio Bitrate:** 320 kbps (high quality) - **Preset:** medium (balanced speed/quality) ### Resolution - **Output:** 1920x1080 (16:9) - **Frame Rate:** 30 fps - **Duration:** 30 seconds (900 frames) ## Platform: YouTube Optimized for YouTube upload: - ✅ H.264 codec (widely supported) - ✅ yuv420p pixel format (required) - ✅ AAC audio (recommended) - ✅ CRF 18 (high quality, good file size) - ✅ Metadata compatible **Estimated File Size:** ~45-60 MB ## Alternative Render Options ### Web Delivery (Smaller File) ```bash npx remotion render \ src/index.tsx \ ProductDemo \ output.mp4 \ --codec=h264 \ --crf=23 \ --audio-bitrate=192k ``` File size: ~25-35 MB ### Maximum Quality (Archive) ```bash npx remotion render \ src/index.tsx \ ProductDemo \ output.mp4 \ --codec=h264 \ --crf=15 \ --audio-bitrate=320k \ --preset=slower ``` File size: ~80-100 MB ### Fast Preview Render ```bash npx remotion render \ src/index.tsx \ ProductDemo \ preview.mp4 \ --crf=28 \ --preset=ultrafast ``` File size: ~15-20 MB ## Render Workflow 1. **Test render** (first 3 seconds): ```bash npx remotion render src/index.tsx ProductDemo test.mp4 --frames=0-90 ``` 2. **Full render** with progress: ```bash npx remotion render src/index.tsx ProductDemo output.mp4 --codec=h264 --crf=18 ``` 3. **Verify output**: - Check file size - Play in video player - Verify audio sync - Check quality 4. **Upload to platform** (YouTube, etc.) ## Next Steps 1. **Run test render** to verify timing and quality 2. **Adjust CRF** if file size too large/small 3. **Full