Search

Remotion

최고의 크리에이터들이 Remotion + Claude Code를 사용하여 바이럴 스타트업 데모 영상을 만드는 방법은 다음과 같습니다.
여기 정확한 프롬프트가 포함된 전체 플레이북을 공개합니다.
1/ 설정 (Setup):
다음 명령어를 실행하세요:
Bash
npx create-video@latest npx skills add remotiondev/skills
프롬프트가 뜨면 "claude code"를 선택하세요.
이게 끝입니다. 이제 AI로 제어되는 영상 편집기가 준비되었습니다.
2/ 프롬프트 입력 전, 모든 자산(Asset)의 HTML 갤러리를 만드세요.
이것이 평범한 결과물과 바이럴 영상을 가르는 차이점입니다.
프롬프트:
"i want to visualize all my assets in one html screen. include the path to each one under each image as a gallery. this will be a reference file for the remotion agent.”
3/ 이 방법이 효과적인 이유: → Claude는 한 번에 약 10장 정도의 이미지만 볼 수 있습니다. → 갤러리를 만들면 Claude가 스크린샷 한 장으로 모든 것을 볼 수 있습니다. → 파일 경로와 자산의 시각적 형태를 동시에 인지할 수 있습니다.
이 갤러리의 스크린샷을 찍어 Claude Code에 붙여넣으세요.
Claude에게는 눈이 있다는 사실을 잊지 마세요.
4/ 스토리보드 조사를 위해 (선택 사항이지만 영상 퀄리티가 10배 좋아짐), 병렬 리서치 에이전트를 실행하세요:
"use exa mcp to do research on storyboarding because i want to know how we can make viral videos using remotion. study existing films and prolific filmmakers as they have great ways to tell stories. use parallel agents for your tasks.”
5/ 이렇게 하면 다음 내용들을 조사합니다: → 스필버그의 "페이스 밤(Face Bomb) 이론" → 히치콕의 서스펜스 기법 → 픽사의 감정적 비트(Emotional beats) → 미스터 비스트(Mr. Beast)의 3초 훅 전략
이제 Claude는 영화 제작 용어를 이해하게 됩니다. 당신이 "스필버그 페이스 모먼트"나 "역인과관계(reverse cause-effect)"라고 말하면, Claude는 정확히 무엇을 의미하는지 알아듣습니다.
6/ 절대 바로 제작에 들어가지 마세요. 먼저 '계획 모드(Plan Mode)'에서 시작하세요.
"use /remotion best practices. i want to create a [type] video for [product]. here are my assets [paste screenshot]. create a plan with scene breakdown first.”
7/ Claude가 생성하는 것: → 씬(Scene) 구성을 보여주는 Mermaid 다이어그램 → 각 세그먼트의 타이밍 → 사용할 애니메이션 기법
제작하기 전에 이 계획을 검토하세요. 순서를 바꾸거나, 지루한 장면을 삭제하고, 액션을 앞부분에 배치하세요.
8/ 실제로 효과가 있는 프롬프트들:
제품 데모용:
"make a promo video for [product]. use the actual logo from my assets. source photos from [website url]. make sure brand colors and fonts are aligned. key message: [your cta]."
9/ 쇼케이스용:
"i want a showcase of all my [characters/features]. make it feel like a slot machine reveal. fast, fun, creative. 15-20 seconds. add sfx that match the beat."
세로형 소셜 콘텐츠용:
"create a vertical video (9:16). fast-paced brain rot style. hook in first 3 seconds. use rapid cuts and zooms.”
10/ Eleven Labs 연동으로 사운드를 추가하려면, Claude에게 CLI 도구를 만들라고 지시하세요:
"look up the eleven labs sfx api. i want to make a local cli tool where i can generate sfx and music from text. make it so you can generate sound effects that match the beat of my remotion video.”
11/ 그 다음 Remotion에게 이렇게 말하세요:
"use the sfx tool to generate chip tune music. align the beat yourself. add sound effects that match each transition.”
Claude가 음악을 생성하고, 애니메이션 타이밍에 맞춰 효과음을 넣고, 모든 것을 하나로 엮어줄 것입니다.
12/ 실시간 수정을 위해, Claude는 브라우저를 제어하여 작업물을 검증할 수 있습니다.
"during development, add debug grids to get animation and positioning pixel perfect."
다음과 같이 피드백을 주세요:
"at the 12 second mark, the character is kicking towards the wrong direction. the field needs to be rotated so the goal line is horizontal, not vertical.”
Claude가 실시간으로 수정해 줄 것입니다.
13/ 내보내기(Export)는 Remotion 브라우저 인터페이스에서 "Render"를 클릭하고 포맷(MP4 권장)을 선택하여 내보내면 됩니다.
또는 CLI를 통해:
Bash
npx remotion render [composition-name] out/video.mp4
14/ 실제 목격한 결과: → 소스 영상을 활용한 전체 제품 데모: 프롬프트 1개 → 애니메이션 인포그래픽: 프롬프트 3개 → 세로형 소셜 클립: 프롬프트 1-2개
전체 영상 프로젝트 총 비용: API 호출 비용으로 약 $5-15 (약 7,000원 ~ 20,000원)
15/ 복리 효과는 진짜입니다. 무언가를 만들 때마다 그것을 '스킬(Skill)'로 저장하세요:
→ 스토리보드 리서치 → 스킬 파일로 저장 → Eleven Labs SFX 도구 → CLI 도구로 저장 → 자산 갤러리 생성기 → 재사용 가능한 프롬프트로 저장
다음에 영상이 필요할 때는 0부터 시작할 필요가 없습니다. 슬래시 커맨드 3개만 입력하면 끝납니다.
16/ Remotion의 활용도가 가장 높은 경우:
제품 데모
기능 쇼케이스
애니메이션 인포그래픽
데이터 시각화
소셜 클립 (쇼츠, 릴스, 틱톡)
랜딩 페이지 영상
17/ 적합하지 않은 경우: ✗ 전체 브이로그 (Full vlogs) ✗ 호흡이 긴 편집 콘텐츠 ✗ 복잡한 멀티 카메라 영상
프롬프트로 제어되는 '애프터 이펙트(After Effects)'라고 생각하세요.
18/ 만약 당신이 스타트업을 만들고 있다면, 이건 정말 말도 안 되는(Crazy) 일입니다.
예전에는 데모 영상 하나에 500~2,000달러(약 70만~270만원)가 들었고 몇 주가 걸렸습니다.
이제는 오후 한나절 만에 15달러(약 2만원)로 만들 수 있습니다.
이제 전 세계가 마크다운 파일이 되었습니다. 당신의 기술도 마크다운 파일 하나면 됩니다.