remotion-render-config

Name: remotion-render-config
Author: ncklrs

139installs3forks

How to install remotion-render-config?

ncklrs/startup-os-skills/remotion-render-config

$npx -y skills add ncklrs/startup-os-skills --skill remotion-render-config

Installs into the current project.

Summary

Generates render and output configuration for Remotion videos. Focuses ONLY on output settings, codec, format, quality, resolution. Input is target platform/quality requirements. Output is RENDER_CONFIG.md with Remotion render settings.

Files · 1

View on GitHub

SKILL.md

1	# Remotion Render Config
2
3	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.
4
5	## What This Skill Does
6
7	Generates render configurations for:
8
9	1. Output format — MP4, WebM, ProRes, etc.
10	2. Codec settings — H.264, H.265, VP9 parameters
11	3. Quality settings — CRF, bitrate, compression level
12	4. Resolution — Output dimensions and scaling
13	5. Platform optimization — YouTube, Twitter, Instagram presets
14
15	## Scope Boundaries
16
17	IN SCOPE:
18	- Render command configuration
19	- Codec and format selection
20	- Quality and compression settings
21	- Platform-specific optimizations
22	- Output file parameters
23
24	OUT OF SCOPE:
25	- Composition implementation (use `/remotion-composition`)
26	- Scene logic (use `/remotion-component-gen`)
27	- Animation parameters (use `/remotion-animation`)
28	- Asset management (use `/remotion-asset-coordinator`)
29
30	## Input/Output Formats
31
32	### Input Format: Target Platform/Quality Requirements
33
34	Accepts render target specifications:
35
36	Natural Language:
37	```
38	Render for YouTube at high quality with H.264 codec
39	```
40
41	Structured Format:
42	```markdown
43	## Render Requirements
44
45	Target Platform: YouTube
46	Quality Level: High
47	Format: MP4 (H.264)
48	Resolution: 1920x1080
49	Frame Rate: 30 fps
50	Additional: Upload-ready, optimized file size
51	```
52
53	### Output Format: RENDER_CONFIG.md
54
55	Generates complete render configuration document:
56
57	```markdown
58	# Render Configuration: ProductDemo
59
60	## Status
61	✅ Render settings defined
62	⏳ Ready for video render
63
64	## Render Command
65
66	```bash
67	npx remotion render \
68	src/index.tsx \
69	ProductDemo \
70	output.mp4 \
71	--codec=h264 \
72	--crf=18 \
73	--pixel-format=yuv420p \
74	--audio-codec=aac \
75	--audio-bitrate=320k
76	```
77
78	## Configuration Details
79
80	### Output Format
81	- Container: MP4
82	- Video Codec: H.264 (x264)
83	- Audio Codec: AAC
84	- Pixel Format: yuv420p (for maximum compatibility)
85
86	### Quality Settings
87	- CRF: 18 (high quality, ~15-20 MB/min)
88	- Audio Bitrate: 320 kbps (high quality)
89	- Preset: medium (balanced speed/quality)
90
91	### Resolution
92	- Output: 1920x1080 (16:9)
93	- Frame Rate: 30 fps
94	- Duration: 30 seconds (900 frames)
95
96	## Platform: YouTube
97
98	Optimized for YouTube upload:
99	- ✅ H.264 codec (widely supported)
100	- ✅ yuv420p pixel format (required)
101	- ✅ AAC audio (recommended)
102	- ✅ CRF 18 (high quality, good file size)
103	- ✅ Metadata compatible
104
105	Estimated File Size: ~45-60 MB
106
107	## Alternative Render Options
108
109	### Web Delivery (Smaller File)
110	```bash
111	npx remotion render \
112	src/index.tsx \
113	ProductDemo \
114	output.mp4 \
115	--codec=h264 \
116	--crf=23 \
117	--audio-bitrate=192k
118	```
119	File size: ~25-35 MB
120
121	### Maximum Quality (Archive)
122	```bash
123	npx remotion render \
124	src/index.tsx \
125	ProductDemo \
126	output.mp4 \
127	--codec=h264 \
128	--crf=15 \
129	--audio-bitrate=320k \
130	--preset=slower
131	```
132	File size: ~80-100 MB
133
134	### Fast Preview Render
135	```bash
136	npx remotion render \
137	src/index.tsx \
138	ProductDemo \
139	preview.mp4 \
140	--crf=28 \
141	--preset=ultrafast
142	```
143	File size: ~15-20 MB
144
145	## Render Workflow
146
147	1. Test render (first 3 seconds):
148	```bash
149	npx remotion render src/index.tsx ProductDemo test.mp4 --frames=0-90
150	```
151
152	2. Full render with progress:
153	```bash
154	npx remotion render src/index.tsx ProductDemo output.mp4 --codec=h264 --crf=18
155	```
156
157	3. Verify output:
158	- Check file size
159	- Play in video player
160	- Verify audio sync
161	- Check quality
162
163	4. Upload to platform (YouTube, etc.)
164
165	## Next Steps
166
167	1. Run test render to verify timing and quality
168	2. Adjust CRF if file size too large/small
169	3. Full render when ready
170	4. Upload to target platform
171
172	## Troubleshooting
173
174	File too large:
175	- Increase CRF (23-28 for web)
176	- Lower audio bitrate (192k or 128k)
177
178	Quality issues:
179	- Decrease CRF (15-17 for higher quality)
180	- Use slower preset (slow, slower)
181
182	Rendering slow:
183	- Use faster preset (fast, veryfast)
184	- Reduce resolution temporarily for testing
185
186	## Checklist
187
188	- [x] Codec selected
189	- [x] Quality settings defined
190	- [x] Platform optimized
191	- [x] Render command generated
192	- [ ] Test render completed
193	- [ ] Full render completed
194	- [ ] Output verified
195	```
196
197	## Codec Reference
198
199	### H.264 (Most Compatible)
200
201	Best for: YouTube, web delivery, social media
202
203	```bash
204	--codec=h264
205	--crf=18 # Quality (lower = better, 15-28 typical)
206	--pixel-format=yuv420p
207	--audio-codec=aac
208	--audio-bitrate=320k
209	```
210
211	Quality Levels:
212	- CRF 15-17: Excellent (large files)
213	- CRF 18-20: High (recommended)
214	- CRF 21-23: Good (web delivery)
215	- CRF 24-28: Acceptable (preview/draft)
216
217	### H.265 (HEVC) - Better

People who liked this also viewed

6 picks

Type

remotion-render-config

139installs3forks

View on GitHub

How to install remotion-render-config?

ncklrs/startup-os-skills/remotion-render-config

$npx -y skills add ncklrs/startup-os-skills --skill remotion-render-config

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Remotion Render Config
2
3	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.
4
5	## What This Skill Does
6
7	Generates render configurations for:
8
9	1. Output format — MP4, WebM, ProRes, etc.
10	2. Codec settings — H.264, H.265, VP9 parameters
11	3. Quality settings — CRF, bitrate, compression level
12	4. Resolution — Output dimensions and scaling
13	5. Platform optimization — YouTube, Twitter, Instagram presets
14
15	## Scope Boundaries
16
17	IN SCOPE:
18	- Render command configuration
19	- Codec and format selection
20	- Quality and compression settings
21	- Platform-specific optimizations
22	- Output file parameters
23
24	OUT OF SCOPE:
25	- Composition implementation (use `/remotion-composition`)
26	- Scene logic (use `/remotion-component-gen`)
27	- Animation parameters (use `/remotion-animation`)
28	- Asset management (use `/remotion-asset-coordinator`)
29
30	## Input/Output Formats
31
32	### Input Format: Target Platform/Quality Requirements
33
34	Accepts render target specifications:
35
36	Natural Language:
37	```
38	Render for YouTube at high quality with H.264 codec
39	```
40
41	Structured Format:
42	```markdown
43	## Render Requirements
44
45	Target Platform: YouTube
46	Quality Level: High
47	Format: MP4 (H.264)
48	Resolution: 1920x1080
49	Frame Rate: 30 fps
50	Additional: Upload-ready, optimized file size
51	```
52
53	### Output Format: RENDER_CONFIG.md
54
55	Generates complete render configuration document:
56
57	```markdown
58	# Render Configuration: ProductDemo
59
60	## Status
61	✅ Render settings defined
62	⏳ Ready for video render
63
64	## Render Command
65
66	```bash
67	npx remotion render \
68	src/index.tsx \
69	ProductDemo \
70	output.mp4 \
71	--codec=h264 \
72	--crf=18 \
73	--pixel-format=yuv420p \
74	--audio-codec=aac \
75	--audio-bitrate=320k
76	```
77
78	## Configuration Details
79
80	### Output Format
81	- Container: MP4
82	- Video Codec: H.264 (x264)
83	- Audio Codec: AAC
84	- Pixel Format: yuv420p (for maximum compatibility)
85
86	### Quality Settings
87	- CRF: 18 (high quality, ~15-20 MB/min)
88	- Audio Bitrate: 320 kbps (high quality)
89	- Preset: medium (balanced speed/quality)
90
91	### Resolution
92	- Output: 1920x1080 (16:9)
93	- Frame Rate: 30 fps
94	- Duration: 30 seconds (900 frames)
95
96	## Platform: YouTube
97
98	Optimized for YouTube upload:
99	- ✅ H.264 codec (widely supported)
100	- ✅ yuv420p pixel format (required)
101	- ✅ AAC audio (recommended)
102	- ✅ CRF 18 (high quality, good file size)
103	- ✅ Metadata compatible
104
105	Estimated File Size: ~45-60 MB
106
107	## Alternative Render Options
108
109	### Web Delivery (Smaller File)
110	```bash
111	npx remotion render \
112	src/index.tsx \
113	ProductDemo \
114	output.mp4 \
115	--codec=h264 \
116	--crf=23 \
117	--audio-bitrate=192k
118	```
119	File size: ~25-35 MB
120
121	### Maximum Quality (Archive)
122	```bash
123	npx remotion render \
124	src/index.tsx \
125	ProductDemo \
126	output.mp4 \
127	--codec=h264 \
128	--crf=15 \
129	--audio-bitrate=320k \
130	--preset=slower
131	```
132	File size: ~80-100 MB
133
134	### Fast Preview Render
135	```bash
136	npx remotion render \
137	src/index.tsx \
138	ProductDemo \
139	preview.mp4 \
140	--crf=28 \
141	--preset=ultrafast
142	```
143	File size: ~15-20 MB
144
145	## Render Workflow
146
147	1. Test render (first 3 seconds):
148	```bash
149	npx remotion render src/index.tsx ProductDemo test.mp4 --frames=0-90
150	```
151
152	2. Full render with progress:
153	```bash
154	npx remotion render src/index.tsx ProductDemo output.mp4 --codec=h264 --crf=18
155	```
156
157	3. Verify output:
158	- Check file size
159	- Play in video player
160	- Verify audio sync
161	- Check quality
162
163	4. Upload to platform (YouTube, etc.)
164
165	## Next Steps
166
167	1. Run test render to verify timing and quality
168	2. Adjust CRF if file size too large/small
169	3. Full render when ready
170	4. Upload to target platform
171
172	## Troubleshooting
173
174	File too large:
175	- Increase CRF (23-28 for web)
176	- Lower audio bitrate (192k or 128k)
177
178	Quality issues:
179	- Decrease CRF (15-17 for higher quality)
180	- Use slower preset (slow, slower)
181
182	Rendering slow:
183	- Use faster preset (fast, veryfast)
184	- Reduce resolution temporarily for testing
185
186	## Checklist
187
188	- [x] Codec selected
189	- [x] Quality settings defined
190	- [x] Platform optimized
191	- [x] Render command generated
192	- [ ] Test render completed
193	- [ ] Full render completed
194	- [ ] Output verified
195	```
196
197	## Codec Reference
198
199	### H.264 (Most Compatible)
200
201	Best for: YouTube, web delivery, social media
202
203	```bash
204	--codec=h264
205	--crf=18 # Quality (lower = better, 15-28 typical)
206	--pixel-format=yuv420p
207	--audio-codec=aac
208	--audio-bitrate=320k
209	```
210
211	Quality Levels:
212	- CRF 15-17: Excellent (large files)
213	- CRF 18-20: High (recommended)
214	- CRF 21-23: Good (web delivery)
215	- CRF 24-28: Acceptable (preview/draft)
216
217	### H.265 (HEVC) - Better

People who liked this also viewed

6 picks

Type