Skip to main content
Back to Live Templates
60 Copy-Paste Prompts

Video Creation Catalog

Every video type you can make with Claude Code.
Copy the prompt. Install the skill. Hit enter.

60 Templates 16 Categories Copy & Paste Ready
๐ŸŽฌ

Portfolio & Promo

ํฌํŠธํด๋ฆฌ์˜ค & ํ”„๋กœ๋ชจ์…˜

2 templates

Cinematic project showcases and brand videos powered by existing Remotion projects.

1

Portfolio Cinematic Trailer

ํฌํŠธํด๋ฆฌ์˜ค ์‹œ๋„ค๋งˆํ‹ฑ ํŠธ๋ ˆ์ผ๋Ÿฌ

16:9 90s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 React 19 TypeScript KenBurns Spring Physics
/remotion-master ํฌํŠธํด๋ฆฌ์˜ค ์‹œ๋„ค๋งˆํ‹ฑ ํŠธ๋ ˆ์ผ๋Ÿฌ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 90์ดˆ (2700ํ”„๋ ˆ์ž„)
5-ACT ๊ตฌ์กฐ๋กœ ์„ค๊ณ„ํ•ด์ค˜:
- ACT 1 Intro (8์ดˆ): ์ด๋ฆ„/ํƒ€์ดํ‹€ spring ๋“ฑ์žฅ + ํŒŒํ‹ฐํด ๋ฐฐ๊ฒฝ
- ACT 2 Flagship (27์ดˆ): ๋Œ€ํ‘œ์ž‘ 3๊ฐœ, KenBurns pan + GlassOverlay ์ •๋ณด ์นด๋“œ
- ACT 3 Montage (25์ดˆ): ๋‚˜๋จธ์ง€ ํ”„๋กœ์ ํŠธ ๋น ๋ฅธ ์ „ํ™˜, ๊ทธ๋ฆฌ๋“œ ๋ ˆ์ด์•„์›ƒ
- ACT 4 RapidFire (18์ดˆ): ๊ธฐ์ˆ  ์Šคํƒ ๋ฐฐ์ง€ ์—ฐ์† ๋“ฑ์žฅ
- ACT 5 Outro (12์ดˆ): ์—ฐ๋ฝ์ฒ˜ + CTA

์Šคํฌ๋ฆฐ์ƒท: public/screenshots/ ํด๋”
TypeWriter ํ…์ŠคํŠธ ํšจ๊ณผ, TransitionSeries fade ์ „ํ™˜ ์ ์šฉ.
2

Project Showcase Shorts

ํ”„๋กœ์ ํŠธ ์‡ผ์ผ€์ด์Šค ์‡ผ์ธ 

9:16 30โ€“45s
Skills: remotion-master
Stack: Remotion 4 React 19 Spring Animations TransitionSeries
/remotion-master ๊ฐœ๋ณ„ ํ”„๋กœ์ ํŠธ ์‡ผ์ผ€์ด์Šค ์‡ผ์ธ ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps, 35์ดˆ
๊ตฌ์กฐ: Hook ํƒ€์ดํ‹€(3์ดˆ) โ†’ ๊ธฐ๋Šฅ ๋ฐ๋ชจ 3์ปท(๊ฐ 8์ดˆ) โ†’ CTA(4์ดˆ)
spring ๋ฌผ๋ฆฌ ๊ธฐ๋ฐ˜ ๋“ฑ์žฅ, fade ์ „ํ™˜.
ํ”„๋กœ์ ํŠธ๋ช…/์Šคํฌ๋ฆฐ์ƒท/์„ค๋ช…์„ props๋กœ ๋ฐ›๋Š” ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ์ง€์…˜.
Zod schema๋กœ ํŒŒ๋ผ๋ฏธํ„ฐ ์ •์˜ํ•ด์„œ ์—ฌ๋Ÿฌ ํ”„๋กœ์ ํŠธ์— ์žฌํ™œ์šฉ ๊ฐ€๋Šฅํ•˜๊ฒŒ.
๐Ÿ“š

Education & Lectures

๊ต์œก & ๊ฐ•์˜

5 templates

Longform tutorials, short educational content, and lecture series with TTS narration.

3

Coding Tutorial (Longform)

์ฝ”๋”ฉ ํŠœํ† ๋ฆฌ์–ผ (๋กฑํผ)

16:9 10โ€“20min
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 React 19 Sequence Syntax Highlighting
/remotion-master ์ฝ”๋”ฉ ๊ฐ•์˜ ๋กฑํผ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
scene ํŒŒ์ผ ๊ธฐ๋ฐ˜: src/data/scenes/ ์— ๊ฐ ์žฅ๋ฉด JSON ์ •์˜.
์žฅ๋ฉด ํƒ€์ž…: title, code, diagram, demo, summary
์ฝ”๋“œ ๋ธ”๋ก: ์ค„ ๋‹จ์œ„ ๋“ฑ์žฅ ์• ๋‹ˆ๋ฉ”์ด์…˜ + ์‹ ํƒ์Šค ํ•˜์ด๋ผ์ดํŒ….
ํ•˜๋‹จ ํ”„๋กœ๊ทธ๋ ˆ์Šค๋ฐ”, ํ˜„์žฌ ์žฅ๋ฉด ๋ฒˆํ˜ธ ํ‘œ์‹œ.
rules/text-animations.md, rules/sequencing.md ์ฐธ๊ณ .
4

AI Shorts Lecture (Senior-friendly)

์–ด๋ฅด์‹  AI ๊ฐ•์˜ ์‡ผ์ธ 

9:16 60s
Skills: remotion-master
Stack: Remotion 4 Gemini TTS Large Typography
/remotion-master ์–ด๋ฅด์‹  AI ๊ฐ•์˜ ์‡ผ์ธ ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps, 60์ดˆ
์—ํ”ผ์†Œ๋“œ ๋ฐ์ดํ„ฐ: src/data/shorts-episodes.ts
๊ตฌ์กฐ: ์ธํŠธ๋กœ(5์ดˆ) โ†’ ๋ณธ๋ฌธ 5์ปท(๊ฐ 9์ดˆ) โ†’ ์•„์›ƒํŠธ๋กœ(6์ดˆ)
ํฐ ๊ธ€์”จ(42px+), ๊ณ ๋Œ€๋น„(ํฐ ํ…์ŠคํŠธ + ์–ด๋‘์šด ๋ฐฐ๊ฒฝ), ๋‹จ์ˆœํ•œ ๊ทธ๋ž˜๋””์–ธํŠธ ๋ฐฐ๊ฒฝ.
Gemini TTS (Kore ์Œ์„ฑ) ๋‚˜๋ ˆ์ด์…˜ + ํ•˜๋‹จ ๊ณ ์ • ์ž๋ง‰(๋ฐ•์Šค ์Šคํƒ€์ผ).
rules/fonts.md, rules/subtitles.md ์ฐธ๊ณ .
5

Mold Design Engineering Lecture

๊ธˆํ˜•์„ค๊ณ„ ์ „๋ฌธ ๊ฐ•์˜

16:9 5โ€“15min
Skills: remotion-master
Stack: Remotion 4 KenBurns Gemini TTS Technical Diagrams
/remotion-master ๊ธˆํ˜•์„ค๊ณ„ ์ „๋ฌธ ๊ฐ•์˜ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
์žฅ๋ฉด ๊ตฌ์„ฑ: ํƒ€์ดํ‹€ โ†’ ๊ฐœ๋…๋„(KenBurns) โ†’ 3D ๋ชจ๋ธ ์ด๋ฏธ์ง€ โ†’ ๋น„๊ตํ‘œ โ†’ ์š”์•ฝ
์ „๋ฌธ ์šฉ์–ด ํ•˜์ด๋ผ์ดํŠธ(accent ์ปฌ๋Ÿฌ), ๋„๋ฉด/์ด๋ฏธ์ง€ KenBurns zoom ํšจ๊ณผ.
Gemini TTS Kore ์Œ์„ฑ ๋‚˜๋ ˆ์ด์…˜, ํƒ€์ž„์Šคํƒฌํ”„ ๊ธฐ๋ฐ˜ ์ž๋ง‰ ๋™๊ธฐํ™”.
rules/images.md, rules/text-animations.md ์ฐธ๊ณ .
6

Science Explainer Video

๊ณผํ•™ ๊ฐœ๋… ์„ค๋ช… ์˜์ƒ

16:9 5โ€“10min
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 React 19 SVG Animation Spring Physics
/remotion-master ๊ณผํ•™ ๊ฐœ๋… ์„ค๋ช… ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
๋ถ„์ž/๋ฌผ๋ฆฌ ๊ตฌ์กฐ ์‹œ๊ฐํ™”: SVG ๋…ธ๋“œ + ์—ฐ๊ฒฐ์„  ์• ๋‹ˆ๋ฉ”์ด์…˜.
spring ๊ธฐ๋ฐ˜ ์š”์†Œ ํ˜•์„ฑ, ๊ฐ ๊ฐœ๋…๋ณ„ ์ƒ‰์ƒ ์ฝ”๋”ฉ.
์žฅ๋ฉด: ๋„์ž… โ†’ ๊ฐœ๋…A โ†’ ๊ฐœ๋…B โ†’ ๋น„๊ต โ†’ ํ€ด์ฆˆ โ†’ ์ •๋ฆฌ
rules/animations.md, rules/timing.md ์ฐธ๊ณ .
7

History Documentary Shorts

์—ญ์‚ฌ ๋‹คํ ์‡ผ์ธ 

9:16 45โ€“60s
Skills: remotion-master
Stack: Remotion 4 KenBurns Vintage Filter TTS
/remotion-master ์—ญ์‚ฌ ๋‹คํ๋ฉ˜ํ„ฐ๋ฆฌ ์‡ผ์ธ ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps, 50์ดˆ
๊ตฌ์กฐ: ์—ฐ๋„ ํƒ€์ดํ‹€(3์ดˆ) โ†’ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ + ๋‚˜๋ ˆ์ด์…˜(35์ดˆ) โ†’ ํ•ต์‹ฌ ์ •๋ฆฌ(7์ดˆ) โ†’ ๋‹ค์Œ ํŽธ ์˜ˆ๊ณ (5์ดˆ)
KenBurns pan/zoom์œผ๋กœ ์—ญ์‚ฌ ์ด๋ฏธ์ง€ ์ „ํ™˜, ์„ธํ”ผ์•„ ํ†ค ํ•„ํ„ฐ.
ํ•˜๋‹จ ํƒ€์ž„๋ผ์ธ ๋ฐ”, ์ƒ๋‹จ ์—ฐ๋„ ํ‘œ์‹œ.
Gemini TTS ๋‚˜๋ ˆ์ด์…˜ + SRT ์ž๋ง‰.
๐ŸŽญ

Drama & Story

๋“œ๋ผ๋งˆ & ์Šคํ† ๋ฆฌ

2 templates

Short-form narrative content with emotion systems and multi-layer compositing.

8

Short-form Drama (Emotion System)

์ˆํผ ๋“œ๋ผ๋งˆ (๊ฐ์ • ์‹œ์Šคํ…œ)

9:16 60s
Skills: remotion-master
Stack: Remotion 4 5-Layer Compositing Emotion Engine KenBurns
/remotion-master ์ˆํผ ๋“œ๋ผ๋งˆ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps, 60์ดˆ
5-layer ํ•ฉ์„ฑ: ๋ฐฐ๊ฒฝ(KenBurns) โ†’ ์บ๋ฆญํ„ฐ ์˜ค๋ฒ„๋ ˆ์ด โ†’ ๋Œ€์‚ฌ ์ž๋ง‰ โ†’ ๊ฐ์ • ์ดํŽ™ํŠธ โ†’ BGM
๊ฐ์ • ์‹œ์Šคํ…œ ๊ตฌํ˜„: happy/sad/angry/surprised
โ†’ ๊ฐ์ •๋ณ„ ๋ฐฐ๊ฒฝ ๊ทธ๋ž˜๋””์–ธํŠธ + ํŒŒํ‹ฐํด ํšจ๊ณผ + ํฐํŠธ ์Šคํƒ€์ผ ์ž๋™ ์ „ํ™˜.
fade ์ „ํ™˜, ์‹œ๋‚˜๋ฆฌ์˜ค: src/data/drama-script.ts
rules/sequencing.md, rules/transitions.md ์ฐธ๊ณ .
9

Historical Comedy Skit

์—ญ์‚ฌ ์ฝ”๋ฏธ๋”” ์ˆํผ

9:16 45s
Skills: remotion-master
Stack: Remotion 4 AI Image Gen KenBurns Character Subtitle
/remotion-master ์—ญ์‚ฌ ์ฝ”๋ฏธ๋”” ์ˆํผ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps, 45์ดˆ
๊ตฌ์กฐ: ์‹œ๋Œ€ ๋ฐฐ๊ฒฝ ํƒ€์ดํ‹€(3์ดˆ) โ†’ ์ƒํ™ฉ ์„ค์ •(10์ดˆ) โ†’ ๋ฐ˜์ „(15์ดˆ) โ†’ ํ˜„๋Œ€ ํ•ด์„(12์ดˆ) โ†’ ํŽ€์น˜๋ผ์ธ(5์ดˆ)
AI ์ƒ์„ฑ ์ผ๋Ÿฌ์ŠคํŠธ(Imagen 3) + KenBurns zoom.
๋Œ€์‚ฌ ์ž๋ง‰: ์บ๋ฆญํ„ฐ๋ณ„ ์ƒ‰์ƒ ๊ตฌ๋ถ„, ๋งํ’์„  ์Šคํƒ€์ผ.
rules/text-animations.md, rules/images.md ์ฐธ๊ณ .
๐Ÿค–

AI Auto-Gen Shorts

AI ์ž๋™ ์ƒ์„ฑ ์‡ผ์ธ 

13 templates

13 content styles via video-factory CLI. One command generates full script + video.

10

History IF โ€” "What If?"

์—ญ์‚ฌ IF โ€” "๋งŒ์•ฝ ~ํ–ˆ๋‹ค๋ฉด?"

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ์—ญ์‚ฌ IF ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์กฐ์„ ์‹œ๋Œ€์— ์ธํ„ฐ๋„ท์ด ์žˆ์—ˆ๋‹ค๋ฉด" --format shorts --style history-if

์‹œ๋‚˜๋ฆฌ์˜ค ์ƒ์„ฑ โ†’ ๊ฒ€ํ†  โ†’ TTS โ†’ ์ด๋ฏธ์ง€ โ†’ ํ•ฉ์„ฑ ์ˆœ์„œ๋กœ ์ง„ํ–‰.
--tts gemini (Kore ์Œ์„ฑ) ์‚ฌ์šฉ.
11

Virtual Interview

๊ฐ€์ƒ ์ธํ„ฐ๋ทฐ

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๊ฐ€์ƒ ์ธํ„ฐ๋ทฐ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์•„์ธ์Šˆํƒ€์ธ๊ณผ์˜ ๊ฐ€์ƒ ์ธํ„ฐ๋ทฐ" --format shorts --style interview

์ธํ„ฐ๋ทฐ์–ด/์ธํ„ฐ๋ทฐ์ด ๋Œ€ํ™” ํ˜•์‹, Q&A ์ž๋ง‰ ๊ตฌ๋ถ„.
12

Movie Scene Review

์˜ํ™”/๋“œ๋ผ๋งˆ ๋ช…์žฅ๋ฉด ๋ถ„์„

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๋ช…์žฅ๋ฉด ๋ถ„์„ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์ธํ„ฐ์Šคํ…”๋ผ ๋„ํ‚น ์”ฌ ๋ถ„์„" --format shorts --style scene-review

์žฅ๋ฉด ์„ค๋ช… โ†’ ๊ธฐ์ˆ ์  ๋ถ„์„ โ†’ ๊ฐ๋… ์˜๋„ โ†’ ๊ฐ์ƒ ํฌ์ธํŠธ.
13

Animal Documentary

๋™๋ฌผ ๋‹คํ ์Šคํƒ€์ผ

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๋™๋ฌผ ๋‹คํ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "๋ฌธ์–ด์˜ ๋†€๋ผ์šด ์œ„์žฅ์ˆ " --format shorts --style animal-world

๋‚ด๋ ˆ์ด์…˜ ํ†ค: ๋‹คํ๋ฉ˜ํ„ฐ๋ฆฌ ๊ฒฝ์–ด์ฒด, ๊ณผํ•™์  ์‚ฌ์‹ค ๊ธฐ๋ฐ˜.
14

Future Vision

๋ฏธ๋ž˜ ๊ธฐ์ˆ /์‚ฌํšŒ ์˜ˆ์ธก

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๋ฏธ๋ž˜ ์˜ˆ์ธก ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "2050๋…„ ์ž์œจ์ฃผํ–‰ ๋„์‹œ" --format shorts --style future-vision

ํ˜„์žฌ ๊ธฐ์ˆ  โ†’ ๋ฐœ์ „ ๋ฐฉํ–ฅ โ†’ ๋ฏธ๋ž˜ ์˜ˆ์ธก โ†’ ์ „๋ฌธ๊ฐ€ ์ธ์‚ฌ์ดํŠธ.
15

VS Battle Comparison

๋Œ€๊ฒฐ ๋น„๊ต ํ˜•์‹

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ VS ๋Œ€๊ฒฐ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์‚ผ์„ฑ vs ์• ํ”Œ AI ์ „๋žต" --format shorts --style vs-battle

์ขŒ์šฐ ๋ถ„ํ•  ๋น„๊ต, ํ•ญ๋ชฉ๋ณ„ ์Šค์ฝ”์–ด๋ง, ์ตœ์ข… ํŒ์ •.
16

Mini Lecture

๋ฏธ๋‹ˆ ๊ฐ•์˜ (1๋ถ„ ์ง€์‹)

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๋ฏธ๋‹ˆ ๊ฐ•์˜ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์–‘์ž์—ญํ•™ 30์ดˆ ์ž…๋ฌธ" --format shorts --style mini-lecture

ํ•ต์‹ฌ๋งŒ ์งง๊ฒŒ: ๋„์ž…(ํ›…) โ†’ ๊ฐœ๋… 3๊ฐœ โ†’ ํ•œ ์ค„ ์ •๋ฆฌ.
17

Mystery / Unsolved Case

๋ฏธ์Šคํ„ฐ๋ฆฌ / ๋ฏธํ•ด๊ฒฐ ์‚ฌ๊ฑด

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๋ฏธ์Šคํ„ฐ๋ฆฌ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "๋ฒ„๋ฎค๋‹ค ์‚ผ๊ฐ์ง€๋Œ€์˜ ๋น„๋ฐ€" --format shorts --style mystery

์„œ์ŠคํŽœ์Šค ๋นŒ๋“œ์—… โ†’ ๋‹จ์„œ ์ œ์‹œ โ†’ ๋ฐ˜์ „/๋ฏธํ•ด๊ฒฐ ์—”๋”ฉ.
18

Before / After Transformation

Before/After ๋ณ€์‹ 

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๋ณ€์‹ /๋ณ€ํ™” ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "ํ™ฉ๋ฌด์ง€๋ฅผ ์ •์›์œผ๋กœ ๋ฐ”๊พธ๋Š” ๊ณผ์ •" --format shorts --style transformation

Before ์ƒํƒœ โ†’ ๋ณ€ํ™” ๊ณผ์ • โ†’ After ๊ฒฐ๊ณผ โ†’ ๋น„๊ต.
19

Satisfying / ASMR

ASMR / ๋งŒ์กฑ๊ฐ ๊ณ„์—ด

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๋งŒ์กฑ๊ฐ(satisfying) ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์™„๋ฒฝํ•œ ๋Œ€์นญ์˜ ์„ธ๊ณ„" --format shorts --style satisfying

์‹œ๊ฐ์  ์พŒ๊ฐ ์ค‘์‹ฌ, ๋ฏธ๋‹ˆ๋ฉ€ ๋‚˜๋ ˆ์ด์…˜, ๋А๋ฆฐ ์ „ํ™˜.
20

Virtual Experiment

๊ฐ€์ƒ ์‹คํ—˜ / ๊ฒ€์ฆ

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ๊ฐ€์ƒ ์‹คํ—˜ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์ง€๊ตฌ๊ฐ€ ๊ฐ‘์ž๊ธฐ ๋ฉˆ์ถ”๋ฉด?" --format shorts --style experiment

๊ฐ€์„ค ์ œ์‹œ โ†’ ์‹คํ—˜ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ โ†’ ๊ฒฐ๊ณผ ๋ถ„์„ โ†’ ๊ฒฐ๋ก .
21

TOP N Ranking

TOP N ๋žญํ‚น

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ TOP N ๋žญํ‚น ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์—ญ๋Œ€ ๊ฐ€์žฅ ๋น„์‹ผ ๊ทธ๋ฆผ TOP 5" --format shorts --style ranking

N์œ„๋ถ€ํ„ฐ 1์œ„๊นŒ์ง€ ์นด์šดํŠธ๋‹ค์šด, ํ•ญ๋ชฉ๋ณ„ ์„ค๋ช… + ์Šค์ฝ”์–ด.
22

Real Story Retelling

์‹คํ™” ๊ธฐ๋ฐ˜ ์žฌ๊ตฌ์„ฑ

9:16 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Fireworks AI Gemini TTS ffmpeg
video-factory์—์„œ ์‹คํ™” ๊ธฐ๋ฐ˜ ์‡ผ์ธ ๋ฅผ ์ƒ์„ฑํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory
๋ช…๋ น์–ด: npx tsx src/index.ts generate "์ตœ์ดˆ์˜ ์—๋ฒ ๋ ˆ์ŠคํŠธ ๋“ฑ์ • ์ด์•ผ๊ธฐ" --format shorts --style real-story

์‚ฌ์‹ค ๊ธฐ๋ฐ˜ ๋‚ด๋Ÿฌํ‹ฐ๋ธŒ, ์‹œ๊ฐ„์ˆœ ์ „๊ฐœ, ๊ฐ๋™ ํฌ์ธํŠธ.
๐Ÿ“–

AI Storybook

AI ๋™ํ™”์ฑ…

2 templates

Fully automated children's storybook videos with AI-generated illustrations and narration.

23

AI Storybook Shorts

AI ๋™ํ™”์ฑ… ์‡ผ์ธ 

9:16 30โ€“60s
Skills: remotion-master
Stack: storybook-factory CLI Gemini Imagen 3 KenBurns Gemini TTS ffmpeg
storybook-factory์—์„œ AI ๋™ํ™”์ฑ… ์‡ผ์ธ ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/storybook-factory
๋ช…๋ น์–ด: npx tsx src/index.ts create "์šฉ๊ฐํ•œ ์•„๊ธฐ ๊ณ ์–‘์ด์˜ ๋ชจํ—˜" --format shorts --scenes 6 --animate kenburns

ํŒŒ์ดํ”„๋ผ์ธ: ์‹œ๋‚˜๋ฆฌ์˜ค(Fireworks) โ†’ ์ด๋ฏธ์ง€(Imagen 3) โ†’ KenBurns ์• ๋‹ˆ๋ฉ”์ด์…˜ โ†’ TTS(Gemini Kore) โ†’ ffmpeg ํ•ฉ์„ฑ.
--animate kenburns: 5๊ฐ€์ง€ zoom/pan ํšจ๊ณผ ์ž๋™ ์ ์šฉ.
24

AI Storybook Longform

AI ๋™ํ™”์ฑ… ํ’€ ์˜์ƒ

16:9 3โ€“5min
Skills: remotion-master
Stack: storybook-factory CLI Gemini Imagen 3 KenBurns Gemini TTS ffmpeg
storybook-factory์—์„œ AI ๋™ํ™”์ฑ… ํ’€ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/storybook-factory
๋ช…๋ น์–ด: npx tsx src/index.ts create "์ˆฒ ์† ๋™๋ฌผ ์นœ๊ตฌ๋“ค์˜ ์ถ•์ œ" --format normal --scenes 12 --animate kenburns

12์”ฌ ํ’€ ์Šคํ† ๋ฆฌ, 16:9 ํฌ๋งท.
๊ฐ ์”ฌ: AI ์ด๋ฏธ์ง€(1024x576) + ๋‚˜๋ ˆ์ด์…˜ + ์ž๋ง‰.
๐Ÿ“Š

Data & Sports Visualization

๋ฐ์ดํ„ฐ & ์Šคํฌ์ธ  ์‹œ๊ฐํ™”

2 templates

GPS maps, audio visualizers, and real-time data animations.

25

Running Map Animation

๋Ÿฌ๋‹ GPS ์ง€๋„ ์• ๋‹ˆ๋ฉ”์ด์…˜

9:16 30s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Mapbox GL GPS Data Strava API
/remotion-master ๋Ÿฌ๋‹ GPS ์ง€๋„ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์‡ผ์ธ ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps, 30์ดˆ
Mapbox ์ง€๋„ ์œ„์— GPS ๊ฒฝ๋กœ๊ฐ€ ๊ทธ๋ ค์ง€๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜.
๊ตฌ๊ฐ„๋ณ„ ํŽ˜์ด์Šค ์ƒ‰์ƒ ์ฝ”๋”ฉ(์ดˆ๋กโ†’๋…ธ๋ž‘โ†’๋นจ๊ฐ•), ์ด ๊ฑฐ๋ฆฌ/์‹œ๊ฐ„/์นผ๋กœ๋ฆฌ ์˜ค๋ฒ„๋ ˆ์ด.
Mapbox ํ† ํฐ: .env MAPBOX_TOKEN
rules/maps.md ์ฐธ๊ณ ํ•ด์„œ ์นด๋ฉ”๋ผ ์ด๋™ + ๊ฒฝ๋กœ ๊ทธ๋ฆฌ๊ธฐ ๊ตฌํ˜„.
26

Music Visualizer

๋ฎค์ง ๋น„์ฃผ์–ผ๋ผ์ด์ €

9:16 Auto (audio length)
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Audio FFT Particles CircularSpectrum
/remotion-master ๋ฎค์ง ๋น„์ฃผ์–ผ๋ผ์ด์ € ์‡ผ์ธ ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps, ์˜ค๋””์˜ค ๊ธธ์ด์— ๋งž์ถค
5-layer ํ•ฉ์„ฑ: Background(๊ทธ๋ž˜๋””์–ธํŠธ) โ†’ ParticleField โ†’ CircularSpectrum โ†’ CenterInfo(๊ณก๋ช…/์•„ํ‹ฐ์ŠคํŠธ) โ†’ ProgressBar
useWindowedAudioData() + visualizeAudio() 64-bin FFT.
bass(0-7), mid(8-31), treble(32+) ๋Œ€์—ญ ๋ถ„๋ฆฌ, ๊ฐ ๋Œ€์—ญ๋ณ„ ๋ฐ˜์‘.
์˜ค๋””์˜ค: public/music.mp3
rules/audio-visualization.md ์ฐธ๊ณ .
โœจ

Motion Graphics

๋ชจ์…˜ ๊ทธ๋ž˜ํ”ฝ

4 templates

Kinetic typography, infographics, logo animations, and Lottie integrations.

27

Kinetic Typography

ํ‚ค๋„คํ‹ฑ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ

16:9 / 9:16 15โ€“30s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Spring Physics Text Split CSS Transform
/remotion-master ํ‚ค๋„คํ‹ฑ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 20์ดˆ
ํ…์ŠคํŠธ๊ฐ€ ๋‹จ์–ด/๊ธ€์ž ๋‹จ์œ„๋กœ ๋ถ„ํ•ด๋˜์–ด ๊ฐ๊ฐ spring ๋ฌผ๋ฆฌ๋กœ ๋“ฑ์žฅ/ํ‡ด์žฅ.
ํšจ๊ณผ: bounce, slide, rotate, scale, blur reveal.
ํ…์ŠคํŠธ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐฐ์—ด๋กœ ๋ฐ›์•„์„œ ์ˆœ์ฐจ ํ‘œ์‹œ. ๋ฐฐ๊ฒฝ์ƒ‰ ์ „ํ™˜.
rules/text-animations.md ์ฐธ๊ณ . Google Fonts์—์„œ Syne ๋˜๋Š” Bebas Neue ์‚ฌ์šฉ.
28

Infographic Animation

์ธํฌ๊ทธ๋ž˜ํ”ฝ ์• ๋‹ˆ๋ฉ”์ด์…˜

16:9 30โ€“60s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Spring Physics CountUp SVG
/remotion-master ์ธํฌ๊ทธ๋ž˜ํ”ฝ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 45์ดˆ
์ˆซ์ž ์นด์šดํŠธ์—…(0โ†’๋ชฉํ‘œ๊ฐ’), ํ”„๋กœ๊ทธ๋ ˆ์Šค ๋ฐ” ์ฑ„์›Œ์ง€๊ธฐ, ์•„์ด์ฝ˜ ์Šคํƒœ๊ฑฐ ๋“ฑ์žฅ.
๋ฐ์ดํ„ฐ ํฌ์ธํŠธ๋ฅผ props๋กœ ๋ฐ›๋Š” ์žฌ์‚ฌ์šฉ ์ปดํฌ๋„ŒํŠธ:
{ label, value, unit, icon, color }[]
rules/animations.md, rules/timing.md ์ฐธ๊ณ .
29

Logo Intro / Outro

๋กœ๊ณ  ์ธํŠธ๋กœ / ์•„์›ƒํŠธ๋กœ

16:9 3โ€“5s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Spring Physics Light Leaks Glow Effects
/remotion-master ๋กœ๊ณ  ์ธํŠธ๋กœ/์•„์›ƒํŠธ๋กœ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 4์ดˆ (120ํ”„๋ ˆ์ž„)
๋กœ๊ณ  ์ด๋ฏธ์ง€: public/logo.png
spring ๊ธฐ๋ฐ˜ ๋“ฑ์žฅ(scale 0โ†’1, damping: 12), ๋„์ฐฉ ์‹œ glow pulse ํšจ๊ณผ.
Light Leak ์˜ค๋ฒ„๋ ˆ์ด๋กœ ํ•„๋ฆ„ ๊ฐ์„ฑ ์ถ”๊ฐ€.
rules/timing.md (spring config), rules/light-leaks.md ์ฐธ๊ณ .
30

Lottie Animation Integration

Lottie ์• ๋‹ˆ๋ฉ”์ด์…˜ ํ†ตํ•ฉ

16:9 / 9:16 Variable
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 @remotion/lottie After Effects LottieFiles
/remotion-master Lottie ์• ๋‹ˆ๋ฉ”์ด์…˜ ํ†ตํ•ฉ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
Lottie JSON ํŒŒ์ผ: public/animations/ ํด๋”
@remotion/lottie ํŒจํ‚ค์ง€๋กœ ํƒ€์ž„๋ผ์ธ ๋™๊ธฐํ™”.
์—ฌ๋Ÿฌ Lottie๋ฅผ Sequence๋กœ ์ˆœ์ฐจ ๋ฐฐ์น˜, ์‚ฌ์ด์— ํ…์ŠคํŠธ ์žฅ๋ฉด ์‚ฝ์ž….
rules/lottie.md ์ฐธ๊ณ . LottieFiles์—์„œ ๋ฌด๋ฃŒ ์—์…‹ ํ™œ์šฉ ๊ฐ€๋Šฅ.
๐ŸงŠ

3D Content

3D ์ฝ˜ํ…์ธ 

3 templates

Three.js powered 3D product showcases, text, and data visualizations.

31

3D Product Rotation

3D ์ œํ’ˆ ํšŒ์ „ ์‡ผ์ผ€์ด์Šค

16:9 15โ€“30s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 React Three Fiber Three.js @react-three/drei
/remotion-master 3D ์ œํ’ˆ ํšŒ์ „ ์‡ผ์ผ€์ด์Šค ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 20์ดˆ
React Three Fiber + @react-three/drei๋กœ 3D ๋ชจ๋ธ(GLB) ๋กœ๋“œ.
์นด๋ฉ”๋ผ: ์˜ค๋น„ํƒˆ ํšŒ์ „(0โ†’360๋„), spring ease-out.
์กฐ๋ช…: ambient + directional + rim light.
์ œํ’ˆ๋ช… + ํŠน์ง• ํ…์ŠคํŠธ ์˜ค๋ฒ„๋ ˆ์ด.
rules/3d.md ์ฐธ๊ณ . useThree()๋กœ frame ๊ธฐ๋ฐ˜ ์นด๋ฉ”๋ผ ์ œ์–ด.
32

3D Text Animation

3D ํ…์ŠคํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜

16:9 10โ€“15s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 React Three Fiber Three.js TextGeometry
/remotion-master 3D ํ…์ŠคํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 12์ดˆ
Three.js TextGeometry๋กœ 3D ํ…์ŠคํŠธ ์ƒ์„ฑ.
์นด๋ฉ”๋ผ: dolly in + orbit, ๊ธ€์ž๋ณ„ ์‹œ์ฐจ ๋“ฑ์žฅ(stagger).
๋จธํ‹ฐ๋ฆฌ์–ผ: metallic + roughness + environment map ๋ฐ˜์‚ฌ.
rules/3d.md ์ฐธ๊ณ . font JSON์€ public/fonts/์— ๋ฐฐ์น˜.
33

3D Data Globe

3D ๋ฐ์ดํ„ฐ ์ง€๊ตฌ๋ณธ

16:9 20โ€“30s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 React Three Fiber Three.js GeoJSON
/remotion-master 3D ๋ฐ์ดํ„ฐ ์ง€๊ตฌ๋ณธ ์‹œ๊ฐํ™” ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 25์ดˆ
Three.js sphere + GeoJSON ๊ตญ๊ฒฝ์„  + ๋ฐ์ดํ„ฐ ํฌ์ธํŠธ(arc).
์นด๋ฉ”๋ผ: ์ž๋™ ํšŒ์ „ + ํŠน์ • ์ง€์  ์คŒ์ธ.
๋ฐ์ดํ„ฐ ํฌ์ธํŠธ ์—ฐ๊ฒฐ์„ (arc)์ด ์ˆœ์ฐจ์ ์œผ๋กœ ๊ทธ๋ ค์ง€๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜.
rules/3d.md ์ฐธ๊ณ .
๐Ÿ“ˆ

Charts & Data

์ฐจํŠธ & ๋ฐ์ดํ„ฐ

4 templates

Animated bar races, pie charts, line charts, and stock market visualizations.

34

Bar Chart Race

๋ฐ” ์ฐจํŠธ ๋ ˆ์ด์Šค

16:9 30โ€“60s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 React 19 Spring Physics Dynamic Layout
/remotion-master ๋ฐ” ์ฐจํŠธ ๋ ˆ์ด์Šค ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 45์ดˆ
์‹œ๊ฐ„(์—ฐ๋„/์›”)๋ณ„ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฐ”๋กœ ์• ๋‹ˆ๋ฉ”์ด์…˜๋˜๋ฉด์„œ ์ˆœ์œ„ ๋ณ€๋™.
spring ๊ธฐ๋ฐ˜ ์œ„์น˜/๋„ˆ๋น„ ์ „ํ™˜, ์ˆœ์œ„ ๋ผ๋ฒจ + ๊ฐ’ ํ‘œ์‹œ.
๋ฐ์ดํ„ฐ: src/data/chart-data.ts โ€” { year, items: { name, value, color }[] }[]
์ƒ๋‹จ ์—ฐ๋„ ์นด์šดํ„ฐ, ํ•˜๋‹จ ์ถœ์ฒ˜ ํ‘œ๊ธฐ.
rules/charts.md ์ฐธ๊ณ .
35

Pie Chart Animation

ํŒŒ์ด ์ฐจํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜

16:9 15โ€“20s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 SVG Arc interpolate Spring
/remotion-master ํŒŒ์ด ์ฐจํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 18์ดˆ
SVG arc path๋กœ ํŒŒ์ด ์ฐจํŠธ ๊ตฌํ˜„, 0%โ†’100% ์ฑ„์›Œ์ง€๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜.
๊ฐ ์กฐ๊ฐ(segment)์ด ์ˆœ์ฐจ ๋“ฑ์žฅ, ๋ผ๋ฒจ + ํผ์„ผํŠธ ํŒ์—….
๋น„์œจ ๋ฐ์ดํ„ฐ: props๋กœ ์ „๋‹ฌ { label, value, color }[]
rules/charts.md ์ฐธ๊ณ .
36

Line Chart Drawing

๋ผ์ธ ์ฐจํŠธ ๊ทธ๋ฆฌ๊ธฐ

16:9 15โ€“20s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 SVG Path strokeDashoffset interpolate
/remotion-master ๋ผ์ธ ์ฐจํŠธ ๊ทธ๋ฆฌ๊ธฐ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 18์ดˆ
SVG path + strokeDashoffset ์œผ๋กœ ์„ ์ด ๊ทธ๋ ค์ง€๋Š” ํšจ๊ณผ.
X์ถ• ๋ผ๋ฒจ, Y์ถ• ๋ˆˆ๊ธˆ ์ˆœ์ฐจ ๋“ฑ์žฅ โ†’ ๋ผ์ธ ๊ทธ๋ฆฌ๊ธฐ โ†’ ๋ฐ์ดํ„ฐ ํฌ์ธํŠธ ํŒ์—….
๋ฐ์ดํ„ฐ: props๋กœ { x, y }[] ์ „๋‹ฌ.
rules/charts.md ์ฐธ๊ณ .
37

Stock Chart Video

์ฃผ์‹ ์บ”๋“ค์Šคํ‹ฑ ์ฐจํŠธ

16:9 30โ€“45s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 SVG Candlestick interpolate Indicators
/remotion-master ์ฃผ์‹ ์บ”๋“ค์Šคํ‹ฑ ์ฐจํŠธ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 35์ดˆ
์บ”๋“ค์Šคํ‹ฑ ํ•˜๋‚˜์”ฉ ์ˆœ์ฐจ ๋“ฑ์žฅ(์ขŒโ†’์šฐ), ์–‘๋ด‰(์ดˆ๋ก)/์Œ๋ด‰(๋นจ๊ฐ•) ์ƒ‰์ƒ.
์ด๋™ํ‰๊ท ์„ (MA5, MA20) ๋™์‹œ ๊ทธ๋ฆฌ๊ธฐ.
๊ฑฐ๋ž˜๋Ÿ‰ ๋ฐ” ์ฐจํŠธ ํ•˜๋‹จ ๋ฐฐ์น˜.
OHLCV ๋ฐ์ดํ„ฐ: src/data/stock-data.ts
rules/charts.md ์ฐธ๊ณ .
๐Ÿ—บ๏ธ

Maps & Location

์ง€๋„ & ์œ„์น˜

2 templates

Mapbox camera animations and travel route visualizations.

38

Mapbox Camera Animation

Mapbox ์นด๋ฉ”๋ผ ์• ๋‹ˆ๋ฉ”์ด์…˜

16:9 15โ€“30s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Mapbox GL JS Camera Keyframes
/remotion-master Mapbox ์นด๋ฉ”๋ผ ํ”Œ๋ผ์ด์˜ค๋ฒ„ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 25์ดˆ
Mapbox GL JS ์ง€๋„ ์œ„์— ์นด๋ฉ”๋ผ ํ‚คํ”„๋ ˆ์ž„ ์ด๋™:
[{ center, zoom, bearing, pitch, frame }] ๋ฐฐ์—ด๋กœ ๊ฒฝ๋กœ ์ •์˜.
interpolate()๋กœ ๋ถ€๋“œ๋Ÿฌ์šด ์นด๋ฉ”๋ผ ์ด๋™, ์ฃผ์š” ์ง€์ ์— ๋งˆ์ปค ํŒ์—….
MAPBOX_TOKEN์€ .env์—์„œ ๋กœ๋“œ.
rules/maps.md ์ฐธ๊ณ .
39

Travel Route Video

์—ฌํ–‰ ๊ฒฝ๋กœ ์˜์ƒ

16:9 / 9:16 20โ€“40s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Mapbox GL JS Dashed Line Photo Overlay
/remotion-master ์—ฌํ–‰ ๊ฒฝ๋กœ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 30์ดˆ
Mapbox ์ง€๋„ ์œ„์— ์ ์„  ๊ฒฝ๋กœ๊ฐ€ ๊ทธ๋ ค์ง€๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜.
๊ฐ ์ •๊ฑฐ์žฅ(๋„์‹œ)์— ๋„์ฐฉํ•˜๋ฉด: ๋งˆ์ปค ํŒ์—… + ์ž‘์€ ์‚ฌ์ง„ ์˜ค๋ฒ„๋ ˆ์ด + ๋„์‹œ๋ช….
๊ฒฝ๋กœ ๋ฐ์ดํ„ฐ: [{ name, coords, photo }]
rules/maps.md ์ฐธ๊ณ .
๐Ÿ–ผ๏ธ

Photo & Image

์‚ฌ์ง„ & ์ด๋ฏธ์ง€

3 templates

Ken Burns slideshows, montages, and comparison sliders.

40

Ken Burns Slideshow

Ken Burns ์Šฌ๋ผ์ด๋“œ์‡ผ

16:9 / 9:16 Variable
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Img Component CSS Transform TransitionSeries
/remotion-master Ken Burns ์Šฌ๋ผ์ด๋“œ์‡ผ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
๊ฐ ์‚ฌ์ง„๋งˆ๋‹ค ๋žœ๋ค Ken Burns ํšจ๊ณผ(zoom in, zoom out, pan left/right, diagonal).
TransitionSeries๋กœ crossfade ์ „ํ™˜ (15ํ”„๋ ˆ์ž„).
์‚ฌ์ง„ ๋ฐฐ์—ด: public/photos/ ํด๋”์˜ ์ด๋ฏธ์ง€ ์ž๋™ ๋กœ๋“œ.
๊ฐ ์‚ฌ์ง„ ์œ„์— ์บก์…˜ ์˜ค๋ฒ„๋ ˆ์ด(ํ•˜๋‹จ ๊ทธ๋ž˜๋””์–ธํŠธ + ํ…์ŠคํŠธ).
rules/images.md, rules/transitions.md ์ฐธ๊ณ .
41

Photo Montage

์‚ฌ์ง„ ๋ชฝํƒ€์ฃผ

16:9 20โ€“40s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Grid Layout Stagger Animation TransitionSeries
/remotion-master ์‚ฌ์ง„ ๋ชฝํƒ€์ฃผ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 30์ดˆ
์—ฌ๋Ÿฌ ์‚ฌ์ง„์ด ๊ทธ๋ฆฌ๋“œ๋กœ ํ•˜๋‚˜์”ฉ ๋“ฑ์žฅ(stagger), ์ „์ฒด๊ฐ€ ๋ชจ์ด๋ฉด ์คŒ์•„์›ƒ.
์ค‘๊ฐ„์ค‘๊ฐ„ ๊ฐœ๋ณ„ ์‚ฌ์ง„ ํ’€์Šคํฌ๋ฆฐ ํ•˜์ด๋ผ์ดํŠธ โ†’ ๋‹ค์‹œ ๊ทธ๋ฆฌ๋“œ๋กœ.
์‚ฌ์ง„ ๋ชฉ๋ก: public/montage/ ํด๋”
rules/images.md, rules/sequencing.md ์ฐธ๊ณ .
42

Before / After Slider

Before/After ๋น„๊ต ์Šฌ๋ผ์ด๋”

16:9 / 9:16 10โ€“15s
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 CSS clip-path interpolate
/remotion-master Before/After ๋น„๊ต ์Šฌ๋ผ์ด๋” ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps, 12์ดˆ
๋‘ ์ด๋ฏธ์ง€๋ฅผ ๊ฒน์ณ๋†“๊ณ  clip-path๋กœ ์Šฌ๋ผ์ด๋”๊ฐ€ ์ขŒโ†’์šฐ๋กœ ์ด๋™.
"BEFORE" / "AFTER" ๋ผ๋ฒจ, ์Šฌ๋ผ์ด๋” ๋ผ์ธ + ํ•ธ๋“ค.
interpolate()๋กœ ๋ถ€๋“œ๋Ÿฌ์šด ์ด๋™, ์ค‘๊ฐ„์— ์ž ์‹œ ๋ฉˆ์ถ”๊ธฐ(3์ดˆ).
rules/animations.md ์ฐธ๊ณ .
๐ŸŽต

Audio & Music

์˜ค๋””์˜ค & ์Œ์•…

4 templates

Spectrum visualizers, waveforms, bass-reactive effects, and podcast visuals.

43

Audio Spectrum Bars

์˜ค๋””์˜ค ์ŠคํŽ™ํŠธ๋Ÿผ ๋ฐ”

16:9 / 9:16 Auto (audio length)
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 visualizeAudio() FFT CSS Transform
/remotion-master ์˜ค๋””์˜ค ์ŠคํŽ™ํŠธ๋Ÿผ ๋ฐ” ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps
ํ•˜๋‹จ์— ์ฃผํŒŒ์ˆ˜ ๋Œ€์—ญ๋ณ„ ๋ฐ” ์‹œ๊ฐํ™” (32~64 bars).
visualizeAudio()๋กœ FFT ๋ฐ์ดํ„ฐ ์ถ”์ถœ, ๊ฐ ๋ฐ” ๋†’์ด = ์ฃผํŒŒ์ˆ˜ amplitude.
๋ฐ” ์ƒ‰์ƒ: ์ €์Œ(ํŒŒ๋ž‘) โ†’ ์ค‘์Œ(์ดˆ๋ก) โ†’ ๊ณ ์Œ(๋นจ๊ฐ•) ๊ทธ๋ž˜๋””์–ธํŠธ.
์˜ค๋””์˜ค: public/audio.mp3
rules/audio-visualization.md ์ฐธ๊ณ .
44

Waveform Visualization

์›จ์ด๋ธŒํผ ์‹œ๊ฐํ™”

16:9 Auto (audio length)
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 getWaveformPortion() SVG Path Canvas
/remotion-master ์›จ์ด๋ธŒํผ ์‹œ๊ฐํ™” ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
์˜ค๋””์˜ค ํŒŒํ˜•์„ SVG path ๋˜๋Š” Canvas๋กœ ์‹ค์‹œ๊ฐ„ ๋ Œ๋”๋ง.
ํ˜„์žฌ ์žฌ์ƒ ์œ„์น˜ ํ•˜์ด๋ผ์ดํŠธ(accent ์ƒ‰์ƒ), ์•ž๋ถ€๋ถ„์€ dim.
๊ณก๋ช…/์•„ํ‹ฐ์ŠคํŠธ + ์žฌ์ƒ์‹œ๊ฐ„ ์˜ค๋ฒ„๋ ˆ์ด.
rules/audio-visualization.md ์ฐธ๊ณ .
45

Bass Reactive Effects

๋ฒ ์ด์Šค ๋ฆฌ์•กํ‹ฐ๋ธŒ ์ดํŽ™ํŠธ

9:16 Auto (audio length)
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 visualizeAudio() Particles Scale Transform
/remotion-master ๋ฒ ์ด์Šค ๋ฆฌ์•กํ‹ฐ๋ธŒ ์ดํŽ™ํŠธ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 9:16 (1080x1920), 30fps
์ €์Œ(bass) ๋Œ€์—ญ amplitude์— ๋ฐ˜์‘ํ•˜๋Š” ๋น„์ฃผ์–ผ ์ดํŽ™ํŠธ:
- ๋ฐฐ๊ฒฝ scale pulse (1.0 โ†’ 1.05)
- ํŒŒํ‹ฐํด ์†๋„/ํฌ๊ธฐ ๋ณ€ํ™”
- ์ค‘์•™ ๋„ํ˜•(์›/์‚ฌ๊ฐ) ํฌ๊ธฐ ๋งฅ๋™
bass = visualizeAudio() bins 0-7์˜ ํ‰๊ท .
rules/audio-visualization.md ์ฐธ๊ณ .
46

Podcast Visual

ํŒŸ์บ์ŠคํŠธ ๋น„์ฃผ์–ผ

16:9 Auto (audio length)
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Audio Waveform Subtitles Speaker Avatars
/remotion-master ํŒŸ์บ์ŠคํŠธ ๋น„์ฃผ์–ผ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
์ขŒ/์šฐ์— ํ™”์ž ์•„๋ฐ”ํƒ€(์›ํ˜•), ๋ฐœํ™” ์ค‘์ธ ํ™”์ž์˜ ํ…Œ๋‘๋ฆฌ glow.
์ค‘์•™์— ์‹ค์‹œ๊ฐ„ ํŒŒํ˜•, ํ•˜๋‹จ์— ์ž๋ง‰.
ํ™”์ž ์ „ํ™˜์€ ์ž๋ง‰ ๋ฐ์ดํ„ฐ์˜ speaker ํ•„๋“œ๋กœ ํŒ๋ณ„.
rules/audio.md, rules/subtitles.md ์ฐธ๊ณ .
๐Ÿ’ฌ

Subtitles & Captions

์ž๋ง‰ & ์บก์…˜

3 templates

SRT imports, AI auto-captioning with Whisper, and karaoke-style lyrics.

47

SRT Subtitle Overlay

SRT ์ž๋ง‰ ์˜ค๋ฒ„๋ ˆ์ด

16:9 / 9:16 Variable
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 @remotion/captions SRT Parser
/remotion-master SRT ์ž๋ง‰ ์˜ค๋ฒ„๋ ˆ์ด ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
๊ธฐ์กด ์˜์ƒ ์œ„์— SRT ํŒŒ์ผ ๊ธฐ๋ฐ˜ ์ž๋ง‰ ์˜ค๋ฒ„๋ ˆ์ด.
@remotion/captions์œผ๋กœ SRT ํŒŒ์‹ฑ โ†’ ํƒ€์ด๋ฐ ๋™๊ธฐํ™”.
์ž๋ง‰ ์Šคํƒ€์ผ: ํ•˜๋‹จ ์ค‘์•™, ๋ฐ˜ํˆฌ๋ช… ๊ฒ€์ • ๋ฐฐ๊ฒฝ, ํฐ ํ…์ŠคํŠธ(Outline).
rules/import-srt-captions.md, rules/subtitles.md ์ฐธ๊ณ .
48

AI Auto Caption (Whisper)

AI ์ž๋™ ์ž๋ง‰ (Whisper)

16:9 / 9:16 Variable
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 @remotion/install-whisper-cpp Word Highlight
/remotion-master AI ์ž๋™ ์ž๋ง‰ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
@remotion/install-whisper-cpp๋กœ Whisper ์„ค์น˜,
์˜ค๋””์˜ค์—์„œ ์ž๋™ ๋‹จ์–ด ๋‹จ์œ„ ํƒ€์ž„์Šคํƒฌํ”„ ์ถ”์ถœ.
ํ˜„์žฌ ๋ฐœํ™” ๋‹จ์–ด ํ•˜์ด๋ผ์ดํŠธ(accent ์ƒ‰์ƒ + scale 1.1).
rules/transcribe-captions.md ์ฐธ๊ณ . ๋ชจ๋ธ: whisper-base ๋˜๋Š” whisper-small.
49

Karaoke Style Lyrics

๊ฐ€๋ผ์˜ค์ผ€ ์Šคํƒ€์ผ ๊ฐ€์‚ฌ

16:9 / 9:16 Auto (audio length)
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 Word-level Timing Gradient Fill Audio Sync
/remotion-master ๊ฐ€๋ผ์˜ค์ผ€ ์Šคํƒ€์ผ ๊ฐ€์‚ฌ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
๋‹จ์–ด ๋‹จ์œ„ ํƒ€์ด๋ฐ์— ๋งž์ถฐ ๊ฐ€์‚ฌ๊ฐ€ ์™ผโ†’์˜ค ๊ทธ๋ž˜๋””์–ธํŠธ๋กœ ์ฑ„์›Œ์ง€๋Š” ํšจ๊ณผ.
ํ˜„์žฌ ์ค„ ํฌ๊ฒŒ ํ‘œ์‹œ, ๋‹ค์Œ ์ค„ ๋ฏธ๋ฆฌ๋ณด๊ธฐ.
๊ฐ€์‚ฌ ๋ฐ์ดํ„ฐ: { word, startFrame, endFrame }[]
rules/display-captions.md ์ฐธ๊ณ .
๐ŸŒˆ

Special Effects

ํŠน์ˆ˜ ํšจ๊ณผ

3 templates

Light leaks, transparent video export, and synchronized GIF embeds.

50

Light Leak Overlay

๋ผ์ดํŠธ ๋ฆฌํฌ ์˜ค๋ฒ„๋ ˆ์ด

16:9 / 9:16 Variable
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 @remotion/light-leaks Blend Modes
/remotion-master ๋ผ์ดํŠธ ๋ฆฌํฌ ์˜ค๋ฒ„๋ ˆ์ด ํšจ๊ณผ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
@remotion/light-leaks ํŒจํ‚ค์ง€๋กœ ํ•„๋ฆ„ ๊ฐ์„ฑ ๋น› ๋ฒˆ์ง ํšจ๊ณผ.
๊ธฐ์กด ์˜์ƒ/์ด๋ฏธ์ง€ ์œ„์— ์˜ค๋ฒ„๋ ˆ์ด ๋ ˆ์ด์–ด๋กœ ํ•ฉ์„ฑ.
mix-blend-mode: screen, opacity ์กฐ์ ˆ.
rules/light-leaks.md ์ฐธ๊ณ .
51

Transparent Background Video

ํˆฌ๋ช… ๋ฐฐ๊ฒฝ ์˜์ƒ

16:9 / 9:16 Variable
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 ProRes 4444 WebM VP9 Alpha
/remotion-master ํˆฌ๋ช… ๋ฐฐ๊ฒฝ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
๋ฐฐ๊ฒฝ ์—†์ด ์˜ค๋ธŒ์ ํŠธ/ํ…์ŠคํŠธ๋งŒ ๋ Œ๋”๋ง (ํˆฌ๋ช… ๋ฐฐ๊ฒฝ).
๋ Œ๋” ์˜ต์…˜: --codec=prores --prores-profile=4444 (macOS)
๋˜๋Š” --codec=vp8 --pixel-format=yuva420p (WebM alpha).
rules/transparent-videos.md ์ฐธ๊ณ .
52

GIF Loop Integration

GIF ๋ฃจํ”„ ํ†ตํ•ฉ

16:9 / 9:16 Variable
Skills: remotion-master remotion-best-practices
Stack: Remotion 4 @remotion/gif Timeline Sync
/remotion-master GIF ๋ฃจํ”„ ํ†ตํ•ฉ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜.

ํฌ๋งท: 16:9 (1920x1080), 30fps
@remotion/gif ํŒจํ‚ค์ง€๋กœ GIF๋ฅผ Remotion ํƒ€์ž„๋ผ์ธ์— ๋™๊ธฐํ™”.
<Gif src={...} /> ์ปดํฌ๋„ŒํŠธ, ๋ฃจํ”„ ์ œ์–ด + ์†๋„ ์กฐ์ ˆ.
์—ฌ๋Ÿฌ GIF๋ฅผ ๋ ˆ์ด์•„์›ƒ์— ๋ฐฐ์น˜ํ•˜๊ณ  ํ…์ŠคํŠธ์™€ ์กฐํ•ฉ.
rules/gifs.md ์ฐธ๊ณ .
๐ŸŽ™๏ธ

TTS & Voice

TTS & ์Œ์„ฑ

4 templates

Text-to-speech engines: Gemini, Qwen3 voice cloning, and ElevenLabs.

53

Gemini TTS โ€” Korean Male (Kore)

Gemini TTS ํ•œ๊ตญ์–ด ๋‚จ์„ฑ (Kore)

Audio (WAV) Text length
Skills: remotion-master
Stack: @google/genai Gemini 2.5 Flash TTS PCMโ†’WAV Node.js
/remotion-master Gemini TTS๋กœ ํ•œ๊ตญ์–ด ๋‚จ์„ฑ ๋‚˜๋ ˆ์ด์…˜์„ ์ƒ์„ฑํ•ด์ค˜.

@google/genai ํŒจํ‚ค์ง€ ์‚ฌ์šฉ:
๋ชจ๋ธ: gemini-2.5-flash-preview-tts
์Œ์„ฑ: Kore (ํ•œ๊ตญ์–ด ๋‚จ์„ฑ, ์ž์—ฐ์Šค๋Ÿฌ์šด ํ†ค)
์ถœ๋ ฅ: 24kHz, 16-bit, mono WAV

ํ…์ŠคํŠธ: "์—ฌ๊ธฐ์— ๋‚˜๋ ˆ์ด์…˜ ํ…์ŠคํŠธ ์ž…๋ ฅ"
ํ™˜๊ฒฝ๋ณ€์ˆ˜: GEMINI_API_KEY
์ฃผ์˜: Free tier ์ผ์ผ 10ํšŒ ์ œํ•œ.
54

Gemini TTS โ€” Korean Female (Aoede)

Gemini TTS ํ•œ๊ตญ์–ด ์—ฌ์„ฑ (Aoede)

Audio (WAV) Text length
Skills: remotion-master
Stack: @google/genai Gemini 2.5 Flash TTS PCMโ†’WAV Node.js
/remotion-master Gemini TTS๋กœ ํ•œ๊ตญ์–ด ์—ฌ์„ฑ ๋‚˜๋ ˆ์ด์…˜์„ ์ƒ์„ฑํ•ด์ค˜.

@google/genai ํŒจํ‚ค์ง€ ์‚ฌ์šฉ:
๋ชจ๋ธ: gemini-2.5-flash-preview-tts
์Œ์„ฑ: Aoede (ํ•œ๊ตญ์–ด ์—ฌ์„ฑ, ๋ถ€๋“œ๋Ÿฌ์šด ํ†ค)
์ถœ๋ ฅ: 24kHz, 16-bit, mono WAV

ํ…์ŠคํŠธ: "์—ฌ๊ธฐ์— ๋‚˜๋ ˆ์ด์…˜ ํ…์ŠคํŠธ ์ž…๋ ฅ"
ํ™˜๊ฒฝ๋ณ€์ˆ˜: GEMINI_API_KEY
์ฃผ์˜: Free tier ์ผ์ผ 10ํšŒ ์ œํ•œ.
55

Qwen3 Voice Clone

Qwen3 ์Œ์„ฑ ๋ณต์ œ

Audio (WAV) Text length
Skills: remotion-master
Stack: Qwen3 TTS Server Python reference.wav Voice Cloning
Qwen3 TTS๋กœ ์Œ์„ฑ ๋ณต์ œ ๋‚˜๋ ˆ์ด์…˜์„ ์ƒ์„ฑํ•ด์ค˜.

1. TTS ์„œ๋ฒ„ ์‹คํ–‰:
   cd /c/Users/USER/video-factory/tts-server && python server.py
   (ํฌํŠธ 8000, reference.wav ํ•„์š”)

2. API ํ˜ธ์ถœ:
   POST http://localhost:8000/tts
   { "text": "๋‚˜๋ ˆ์ด์…˜ ํ…์ŠคํŠธ", "reference": "reference.wav" }

3. reference.wav: ๋ณต์ œํ•  ๋ชฉ์†Œ๋ฆฌ ์ƒ˜ํ”Œ (5~15์ดˆ, ๊นจ๋—ํ•œ ์Œ์„ฑ)
์ถœ๋ ฅ: 24kHz WAV
56

ElevenLabs TTS

ElevenLabs TTS

Audio (MP3) Text length
Skills: remotion-master remotion-best-practices
Stack: ElevenLabs API @remotion/eleven-labs Node.js
/remotion-master ElevenLabs TTS๋กœ ๋‚˜๋ ˆ์ด์…˜์„ ์ƒ์„ฑํ•ด์ค˜.

rules/voiceover.md ์ฐธ๊ณ :
@remotion/eleven-labs ํŒจํ‚ค์ง€ ์‚ฌ์šฉ.
API ํ‚ค: .env ELEVEN_LABS_API_KEY
์Œ์„ฑ ID: voice gallery์—์„œ ์„ ํƒ.

์‚ฌ์šฉ๋ฒ•:
1. eleven-labs voice ์„ ํƒ (ํ•œ๊ตญ์–ด: "Joon" ๋“ฑ)
2. ํ…์ŠคํŠธ ์ „๋‹ฌ โ†’ MP3 ์ƒ์„ฑ
3. Remotion <Audio> ์ปดํฌ๋„ŒํŠธ๋กœ ์˜์ƒ์— ์‚ฝ์ž….
โšก

Full Automation Pipelines

์ž๋™ํ™” ํŒŒ์ดํ”„๋ผ์ธ

4 templates

End-to-end workflows: script generation โ†’ image โ†’ TTS โ†’ render โ†’ YouTube upload.

57

Full Auto Pipeline (Scriptโ†’Renderโ†’Upload)

ํ’€ ์˜คํ†  ํŒŒ์ดํ”„๋ผ์ธ

Any Variable
Skills: remotion-master
Stack: Fireworks AI Gemini Imagen 3 Gemini TTS Remotion ffmpeg YouTube API
/remotion-master ํ’€ ์˜คํ†  ์˜์ƒ ์ƒ์„ฑ ํŒŒ์ดํ”„๋ผ์ธ์„ ๋งŒ๋“ค์–ด์ค˜.

7๋‹จ๊ณ„ ์ž๋™ํ™”:
1. Script   โ†’ AI(Fireworks deepseek-v3)๋กœ ์‹œ๋‚˜๋ฆฌ์˜ค ์ƒ์„ฑ
2. Image    โ†’ Gemini Imagen 3๋กœ ์žฅ๋ฉด๋ณ„ ์ด๋ฏธ์ง€ ์ƒ์„ฑ
3. TTS      โ†’ Gemini TTS(Kore)๋กœ ๋‚˜๋ ˆ์ด์…˜ ์ƒ์„ฑ
4. Compose  โ†’ Remotion Sequence + Audio + Img ํ•ฉ์„ฑ
5. Render   โ†’ npx remotion render โ†’ MP4
6. Post     โ†’ ffmpeg๋กœ ์ž๋ง‰ ๋ฒˆ์ธ + BGM ๋ฏน์‹ฑ
7. Upload   โ†’ YouTube API ์ž๋™ ์—…๋กœ๋“œ

ํ™˜๊ฒฝ๋ณ€์ˆ˜: GEMINI_API_KEY, FIREWORKS_API_KEY
์ธ์ฆ: youtube_token.json + client_secret.json
58

Batch Shorts Renderer

๋ฐฐ์น˜ ์‡ผ์ธ  ๋ Œ๋”๋Ÿฌ

9:16 Multiple
Skills: remotion-master
Stack: Remotion renderMedia() Node.js Script Batch Processing
/remotion-master ๋ฐฐ์น˜ ์‡ผ์ธ  ๋ Œ๋”๋Ÿฌ๋ฅผ ๋งŒ๋“ค์–ด์ค˜.

์—ํ”ผ์†Œ๋“œ ๋ฐ์ดํ„ฐ ๋ฐฐ์—ด์„ ์ˆœํšŒํ•˜๋ฉฐ ์ž๋™ ๋ Œ๋”๋ง:

import { bundle } from '@remotion/bundler'
import { renderMedia } from '@remotion/renderer'

const bundleLocation = await bundle(...)
for (const ep of episodes) {
  await renderMedia({
    composition: ep.compositionId,
    serveUrl: bundleLocation,
    codec: 'h264',
    outputLocation: `out/${ep.id}.mp4`,
    inputProps: ep.props,
  })
}

์—ํ”ผ์†Œ๋“œ ๋ชฉ๋ก: src/data/episodes.ts
59

Video Factory Pipeline

Video Factory ํŒŒ์ดํ”„๋ผ์ธ

9:16 / 16:9 30โ€“60s
Skills: remotion-master
Stack: video-factory CLI Commander Fireworks AI Gemini TTS ffmpeg
video-factory ์ „์ฒด ํŒŒ์ดํ”„๋ผ์ธ์„ ์‹คํ–‰ํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/video-factory

1๋‹จ๊ณ„ - ์‹œ๋‚˜๋ฆฌ์˜ค ์ƒ์„ฑ:
npx tsx src/index.ts generate "์ฃผ์ œ" --format shorts --style history-if

2๋‹จ๊ณ„ - ์ƒ์„ฑ๋œ ๋””๋ ‰ํ† ๋ฆฌ ํ™•์ธ ํ›„ ๋นŒ๋“œ:
npx tsx src/index.ts build output/[์ƒ์„ฑ๋œ_๋””๋ ‰ํ† ๋ฆฌ]

ํŒŒ์ดํ”„๋ผ์ธ: Validate โ†’ Parse โ†’ TTS(Gemini) โ†’ Audio Merge โ†’ Subtitles โ†’ Compose โ†’ Report
13๊ฐœ ์Šคํƒ€์ผ: history-if, interview, scene-review, animal-world, future-vision, vs-battle, mini-lecture, mystery, transformation, satisfying, experiment, ranking, real-story
60

Storybook Factory Pipeline

Storybook Factory ํŒŒ์ดํ”„๋ผ์ธ

9:16 / 16:9 1โ€“5min
Skills: remotion-master
Stack: storybook-factory CLI Gemini Imagen 3 KenBurns Gemini TTS ffmpeg YouTube API
storybook-factory ์ „์ฒด ํŒŒ์ดํ”„๋ผ์ธ์„ ์‹คํ–‰ํ•ด์ค˜.

๊ฒฝ๋กœ: /c/Users/USER/storybook-factory

๋ช…๋ น์–ด:
npx tsx src/index.ts create "๋™ํ™” ์ฃผ์ œ" --format shorts --scenes 8 --animate kenburns

ํŒŒ์ดํ”„๋ผ์ธ:
1. Script   โ†’ Fireworks AI(deepseek-v3)๋กœ ๋™ํ™” ์‹œ๋‚˜๋ฆฌ์˜ค ์ƒ์„ฑ
2. Image    โ†’ Gemini Imagen 3๋กœ ์žฅ๋ฉด๋ณ„ ์ผ๋Ÿฌ์ŠคํŠธ ์ƒ์„ฑ
3. Animate  โ†’ kenburns(ffmpeg zoompan 5์ข…) ๋˜๋Š” grok(Playwright)
4. TTS      โ†’ Gemini TTS(Kore) ๋‚˜๋ ˆ์ด์…˜
5. Compose  โ†’ ffmpeg๋กœ ์ด๋ฏธ์ง€+์˜ค๋””์˜ค+์ž๋ง‰ ํ•ฉ์„ฑ
6. Upload   โ†’ YouTube API ์ž๋™ ์—…๋กœ๋“œ (์„ ํƒ)

--animate ์˜ต์…˜: kenburns (์•ˆ์ •์ ) / grok (AI ๋น„๋””์˜ค, fallback ํฌํ•จ)

Quick Start

1

Install Skill

Install the required Claude Code skills listed in each template.

2

Copy Prompt

Click the Copy button on any template to grab the full prompt.

3

Paste in Claude Code

Paste into your terminal. Claude Code handles the rest.

4

Get Your Video

Rendered MP4 ready for YouTube, Shorts, or Instagram Reels.

Skill Installation

remotion-master

All-in-one video production skill. Covers Remotion patterns, TTS integration, rendering, and deployment pipelines.

~/.claude/skills/remotion-master/SKILL.md
remotion-best-practices

Official Remotion rules. 30+ rule files covering animations, audio, 3D, charts, fonts, transitions, and more.

~/.claude/skills/remotion-best-practices/SKILL.md

Powered by Claude Code + Remotion 4 + Gemini TTS + ffmpeg

Chat