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

Comms