메뉴
Render videos using Remotion compositions. Use when creating or generating videos.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
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