<aside> 🎬

캐러셀에서 보여준 영상 7개, 내가 실제로 넣은 프롬프트 그대로 + 내 브랜드로 바꿔 쓰는 빈칸 버전까지 다 넣었어.

영상 생성 툴 하나도 안 썼어. Claude가 HTML 코드로 애니메이션을 짜고, 그걸 프레임마다 찍어서 MP4로 만든 거야. 그래서 생성 크레딧은 0원.

</aside>

시작 전에 — 이거 3개만 알면 돼

1. 어디서 돌려?

• Claude Code (Opus 5.5, 노력 '높음') 추천. 파일 만들고, 렌더하고, MP4까지 한 번에 가.
• claude.ai 채팅에서도 돼. 다만 거기선 HTML 미리보기까지만 나오고, MP4 파일로 뽑으려면 아래 '마지막 단계' 프롬프트를 Claude Code에서 돌려야 해.

2. 결과를 가른 건 프롬프트 길이가 아니었어

1. 몇 초짜리인지 + 장면 순서를 화살표로 적어주기 (A → B → C)
2. 색은 2~3개만 박아두기 (HEX 코드로)
3. 나온 거 보고 2~3번 고쳐달라고 하기 — "글자가 카드에 묻혀", "로고 방향 틀렸어"처럼 구체적으로

3. 마지막 단계 — MP4로 뽑는 프롬프트

영상 프롬프트 뒤에 이걸 붙이거나, 결과 나온 다음에 따로 시켜.

모든 애니메이션은 시간 t의 함수로 짜줘. window.renderAt(t)를 부르면 그 순간 화면이 그려지게.
그다음 헤드리스 크롬으로 30fps마다 renderAt을 불러서 프레임을 캡처하고, ffmpeg로 MP4(H.264)를 만들어줘.
외부 CDN이나 웹폰트는 쓰지 말고, 폰트는 내 컴퓨터에 있는 파일 경로로 넣어줘.
렌더 전에 주요 장면 프레임 몇 장을 먼저 뽑아서 보여주고, 글자 겹침이나 잘림이 없는지 네가 먼저 확인해.

01 · 모션 쇼릴

내 쇼릴. 프롬프트 몇 줄로 12초. 공 튕김 → 큰 글자 → 점 격자 물결 → 사인파 → 3D 점 구체 → 로고.

내가 넣은 프롬프트

네가 얼마나 대단한 모션 디자이너인지 보여주는 12초짜리 쇼릴을 만들어줘.
이력서에 붙이는 쇼릴이라고 생각하고, 끝까지 밀어붙여.

- 색: 크림 #F2EBDA · 코랄 #E84B2C · 잉크 #0E0C0A, 이 셋만
- 2초마다 새로운 기법 하나 (센터 텍스트 + 그라데이션 같은 뻔한 거 금지)
- 마지막은 MOONGI STUDIO 로고로 끝내기
- 16:9, 1920×1080, 30fps

빈칸 템플릿