Menu
Render videos using Remotion compositions. Use when creating or generating videos.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
Generate lip-synced avatar video from text using OmniHuman v1.5. Use when creating talking-head or avatar videos.
Send and read emails via Gmail browser automation. Use when asked to send email or check inbox.
Schedule tasks using natural language time expressions. Use when asked to schedule a recurring or timed task.
Generate voice-over audio using OpenAI TTS. Use when creating narration or voice for videos.
Research topics for video content creation. Use when researching ideas for videos.
Write video scripts with hooks, structure, and timing. Use when creating scripts for videos.
| name | video-render |
| description | Render videos using Remotion compositions. Use when creating or generating videos. |
| allowed-tools | ["Bash","Read","Write"] |
Render videos using the Remotion project's compositions.
| Composition | Duration | Description |
|---|---|---|
| ClaudeCodeIntro | 7s (210 frames) | Branded opener with spring animations |
| DataDashboard | 12s (360 frames) | Animated charts and counting numbers |
| KineticTypography | 14s (420 frames) | Quote animation with text effects |
| ProductShowcase | 15s (450 frames) | Feature list with checkmarks |
| CountdownTimer | 7s (210 frames) | 3-2-1-GO countdown |
| CodeWalkthrough | 16s (480 frames) | Syntax-highlighted code display |
| Composition | Description |
|---|---|
| CodeExplainer | Code tutorial with line-by-line highlighting |
| GitHubRecap | GitHub activity recap with animated graphs |
| ThreadToVideo | Tweet thread to video conversion |
| Audiogram | Audio visualization with waveform |
| VerticalShort | 9:16 short-form (TikTok/Reels/Shorts) |
| NewsVideo | AI news format with B-roll |
cd remotion-videos && npx remotion render <CompositionId> ../output/video.mp4
cd remotion-videos && npx remotion render <CompositionId> ../output/video.mp4 \
--props='{"title": "Hello World", "subtitle": "Demo"}'
cd remotion-videos && npx remotion render <CompositionId> ../output/video.mp4 \
--frames=0-100
# Vertical (9:16) for shorts
cd remotion-videos && npx remotion render VerticalShort ../output/short.mp4 \
--width=1080 --height=1920
# Square for Instagram
cd remotion-videos && npx remotion render <CompositionId> ../output/square.mp4 \
--width=1080 --height=1080
# High quality (slower)
cd remotion-videos && npx remotion render <CompositionId> ../output/video.mp4 \
--crf=18
# Lower quality (faster, smaller file)
cd remotion-videos && npx remotion render <CompositionId> ../output/video.mp4 \
--crf=28
{
"code": "function hello() { return 'world'; }",
"language": "javascript",
"explanation": "This function returns a greeting"
}
{
"username": "github-user",
"commits": 150,
"prs": 23,
"issues": 45,
"repos": ["repo1", "repo2"]
}
{
"tweets": [
{"author": "@user", "text": "First tweet", "avatar": "url"},
{"author": "@user", "text": "Second tweet", "avatar": "url"}
]
}
{
"audioSrc": "path/to/audio.mp3",
"transcript": "The spoken text...",
"speakerName": "Speaker Name"
}
cd remotion-videos && npx remotion studio
Opens browser preview at http://localhost:3000
remotion studio firstmkdir -p output--log=verbose for debugging