만들기
X를 뒤집은 그 영상
클로드로 모션그래픽 영상 만들기, 하이퍼프레임즈로 따라 하기
2026년 10월 1일 올림 · 10월 1일 확인
Claude Code · HyperFrames · 읽는 데 8분X에서 화제가 된 클로드 영상들은 영상 파일이 아니라, AI가 짠 HTML·코드로 그린 화면을 MP4로 구운 거예요.
화제작들은 클로드 코드로 몇 시간씩 돌린 결과예요. 첫 결과는 평범할 수 있어요. 말로 고쳐 가는 게 핵심입니다.
준비준비물
- 클로드 프로(월 20달러) 이상. 무료 요금제에서는 오퍼스 5.5와 클로드 코드를 못 써요.
- 컴퓨터에 Node.js 22 이상과 FFmpeg를 설치합니다.
- 클로드 코드를 설치하고 모델을 오퍼스 5.5로 고릅니다.
- 한국은 클로드 지원 국가라 결제·사용이 됩니다.
설치하이퍼프레임즈 설치(무료, 오픈소스)
- 터미널에서 두 줄을 입력합니다.
claude plugin marketplace add heygen-com/hyperframes claude plugin install hyperframes@hyperframes
- 하이퍼프레임즈는 HeyGen이 공개한 무료 도구로, HTML로 만든 화면을 MP4로 바꿔 줘요.
- 짧은 글자 움직임은 /motion-graphics, 제품 홍보는 /product-launch-video 처럼 용도별 명령이 있어요.
프롬프트복사해 쓰는 프롬프트
'AI 티 안 나게' 대신, 쓰지 말 디자인을 콕 집어 적는 게 요령이에요(앤트로픽 공식 프롬프트 가이드).
- 세로 쇼츠용
/hyperframes 로 9:16 세로 15초 모션그래픽을 만들어 줘. 주제는 ○○. 첫 2초 안에 큰 숫자 하나가 튀어나오고, 2~3초마다 장면이 바뀌게. 한글은 Noto Sans KR. 크림색 배경, 기울임 강조어, 01/02/03 번호 라벨은 쓰지 마.
- 제품 소개용
/hyperframes 로 가로 16:9 20초 제품 소개 영상을 만들어 줘. 제품 이름은 ○○, 핵심 기능 3가지를 한 장면에 하나씩. 글자는 크게, 장면 전환은 부드럽게.
다듬기미리 보고, 말로 고치고, 저장
- 미리보기를 보며 '3초 장면이 너무 길다', '숫자를 더 크게'처럼 말로 고칩니다.
- 다 되면 MP4로 저장합니다.
npx hyperframes render
- 릴스·쇼츠에 올릴 때 배경음악은 앱에서 넣으세요.
- 남의 영상을 참고로 줄 땐 그대로 베끼지 마세요. 참고 영상을 1:1로 따라 만든 업체가 원작 팀 반발 뒤 사과한 일이 있었어요.

실력은 모델보다 원하는 걸 말로 그려 내는 사람 몫. 첫 결과가 평범해도 세 번만 고쳐 보세요 🌙
출처 (2026년 10월 1일 확인)
Anthropic — Claude Opus 5.5 · https://www.anthropic.com/news
HyperFrames (GitHub) · https://github.com/heygen-com/hyperframes
HyperFrames 문서 · https://hyperframes.heygen.com
Claude 요금제 · https://claude.com/pricing
긱뉴스 — Claude Opus 5.5 프롬프트 작성법 · https://news.hada.io/topic?id=34424
로그인하면 한 번에 복사되고 '내 프롬프트'에도 저장돼요.
매주 쓰는 틀을 직무별로 한 번에 묶고 있어요. 돈 내기 전에 이 글부터 따라 해 보세요.
