en un clic
video-render
Render videos using Remotion React-based video framework
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Menu
Render videos using Remotion React-based video framework
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
Send and read emails via Gmail browser automation
Schedule tasks with natural language using cron
Generate high-quality voiceover using OpenAI TTS API
Post-process videos with FFmpeg for final output
Research topics and gather content for video production
Write compelling video scripts with voiceover and visual directions
| name | video-render |
| description | Render videos using Remotion React-based video framework |
| allowed-tools | ["Bash","Read","Write"] |
Render professional videos using Remotion (React-based video framework).
remotion-videos/| Composition | Duration | Description |
|---|---|---|
| CodeExplainer | Variable | Animated code tutorials |
| GitHubRecap | 30-60s | GitHub activity summary |
| ThreadToVideo | Variable | Twitter thread as video |
| Audiogram | Variable | Audio with waveform |
| VerticalShort | 15-60s | 9:16 vertical format |
| KineticTypography | 14s | Animated text |
| CountdownTimer | 7s | 3-2-1 countdown |
| DataDashboard | 12s | Animated charts |
| AsciiArt | 10s | ASCII art animation |
cd remotion-videos
npm run dev
# Opens at http://localhost:3000
cd remotion-videos
# Render with default settings
npx remotion render {CompositionId} output/{filename}.mp4
# Render with custom props
npx remotion render {CompositionId} output/{filename}.mp4 \
--props='{"title": "My Video", "content": "Hello World"}'
# Render specific frame range
npx remotion render {CompositionId} output/{filename}.mp4 \
--frames=0-150
# High quality (slower)
npx remotion render {CompositionId} output/{filename}.mp4 \
--codec=h264 \
--crf=18 \
--pixel-format=yuv420p
# Web optimized (smaller file)
npx remotion render {CompositionId} output/{filename}.mp4 \
--codec=h264 \
--crf=23 \
--pixel-format=yuv420p
| Format | Use Case | Command |
|---|---|---|
| MP4 (H.264) | YouTube, general | --codec=h264 |
| WebM (VP9) | Web embedding | --codec=vp9 |
| ProRes | Professional editing | --codec=prores |
| GIF | Social previews | --codec=gif |
| PNG Sequence | After Effects | --sequence |
{
"code": "function hello() {\n console.log('Hello');\n}",
"language": "javascript",
"explanation": "This function logs a greeting",
"title": "JavaScript Basics"
}
{
"username": "octocat",
"commits": 42,
"prs": 5,
"issues": 12,
"repos": ["repo1", "repo2"],
"period": "This Week"
}
{
"asciiArt": " /\\_/\\\n ( o.o )\n > ^ <",
"title": "Cat Art",
"animationType": "typewriter",
"backgroundColor": "#0a0e27",
"asciiColor": "#00ff88"
}
| Platform | Resolution | Aspect | Duration |
|---|---|---|---|
| YouTube | 1920x1080 | 16:9 | Any |
| TikTok | 1080x1920 | 9:16 | 15-60s |
| Instagram Reels | 1080x1920 | 9:16 | 15-90s |
| YouTube Shorts | 1080x1920 | 9:16 | <60s |
| 1280x720 | 16:9 | <140s |
Use --concurrency: Parallel frame rendering
npx remotion render MyVideo out.mp4 --concurrency=4
Use --gl=angle: GPU acceleration on Windows
npx remotion render MyVideo out.mp4 --gl=angle
Reduce resolution for tests:
npx remotion render MyVideo out.mp4 --scale=0.5
output/{composition}_{date}.mp4output/props/{composition}_props.jsonoutput/logs/render_{date}.log