Claude Code × Remotion — AI로 비디오 코드를 생성하는 프롬프트 테크닉

Claude Code와 Remotion을 조합하면 비디오 개발 속도를 크게 높일 수 있습니다.

효과적인 프롬프트의 4요소

1. 비디오 종류: 로고 애니메이션, 데이터 비주얼라이제이션 등
2. 시각 요소: 색상, 형태, 텍스트
3. 애니메이션: 움직임 종류, 타이밍
4. 길이: 초 수, fps

---

프롬프트 예시 5선

1. 로고 애니메이션

회사 로고 애니메이션을 만들어줘.
로고는 중앙에 배치, 처음에는 투명에서 서서히 페이드인,
그 후 스케일업하면서 글로우 효과 추가.
배경은 다크 그라데이션(#1a1a2e → #16213e).
길이 3초, 60fps.

2. 데이터 비주얼라이제이션

매출 데이터의 막대 그래프 애니메이션을 만들어줘.
데이터는 [100, 250, 180, 320, 280].
왼쪽부터 순서대로 막대가 늘어나는 애니메이션,
각 막대는 0.3초 딜레이로 시작.
막대 색상은 그라데이션(파랑→초록), 배경은 흰색.

3. 타이프라이터 텍스트

타이프라이터 풍의 텍스트 애니메이션을 만들어줘.
텍스트는 'AI가 비디오를 만드는 시대'.
1글자씩 표시, 커서 깜빡임 있음.
폰트는 모노스페이스, 색상은 흰색, 배경은 검정.
완성 후 2초간 정지.

4. 트랜지션

장면 전환용 와이프 트랜지션을 만들어줘.
왼쪽에서 오른쪽으로 비스듬한 라인이 이동하고,
그 뒤에서 새로운 색상(#ff6b6b)이 나타남.
라인 폭 50px, 색상은 흰색, 이동 시간 0.5초.

5. 파티클 이펙트

부유하는 파티클 배경을 만들어줘.
100개의 작은 원이 화면 내를 랜덤으로 이동,
크기는 2-8px 랜덤, 색상은 흰색 투명도 30-70%,
이동 속도도 랜덤.
배경은 진한 보라색(#2d1b69).

프롬프트 작성 팁

• 구체적인 수치를 포함 (색상 코드, px 값, 초 수)

• Remotion API 이름을 직접 언급하면 더 정확 (spring, interpolate, Sequence 등)

• 참고할 기존 코드가 있으면 함께 전달

• 부정형보다 긍정형: '이렇게 하지 마' 대신 '이렇게 해줘'