숫자 아래 문구, 큰 제목, 가게 이름, 날짜와 시간만 정하면 준비 끝! 아래 프롬프트의 대괄호를 채워 Claude Code에 보내고, 미리보기를 확인한 뒤 MP4로 받아요.
처음 만드는 분은 클로드 환경 설치법부터 준비해 주세요. Claude Code와 HyperFrames로 첫 MP4를 만드는 순서예요.
3, 2, 1… 팡! 숫자판이 착착 넘어가다가 마지막에 “GRAND OPEN!”이 터지는 15초 카운트다운 영상이에요. 오픈 예고, 신메뉴 출시, 세일 시작처럼 “곧 시작해요!”를 알리고 싶은 순간이면 어디든 쓸 수 있어요. 정사각형이라 인스타 피드에도 딱!
영상 속 ‘우리 가게’, ‘10.20 MON’, ‘AM 11:00’은 바꿔 쓰라고 넣은 예시 문구예요. 실제 매장이나 행사가 아니니, 아래 복사용 프롬프트의 대괄호만 우리 가게 정보로 채워 Claude Code에 보내 주세요.
이 영상, 이런 곳에 쓰면 좋아요
- 오픈·리뉴얼 예고: 오픈 사흘 전부터 하루 한 번씩 올리면 “곧 열려요!” 분위기를 만들기 좋아요. 마지막 날짜와 시간만 바꾸면 끝.
- 신메뉴·신상품 출시: ‘GRAND OPEN!’ 자리를 ‘NEW MENU!’나 ‘신상 도착!’으로 바꾸면 출시 알림 영상이 돼요.
- 세일·이벤트 시작 알림: 할인 시작 전날 올리는 예고 영상으로. 할인율 같은 숫자는 실제로 정한 값만 넣어 주세요.
- 라이브 방송·클래스 시작: “오늘 저녁 8시 라이브!”처럼 시작 시각이 정해진 일정 안내에도 잘 어울려요.
- 매장 화면·키오스크 대기 화면: 소리 없이 반복 재생해도 숫자가 넘어가는 움직임이 눈길을 끌어요.
업종이 달라도 바꿀 곳은 같아요. 카페라면 ‘시즌 메뉴 출시까지’, 꽃집이라면 ‘어버이날 예약 마감까지’, 공방이라면 ‘원데이 클래스 오픈까지’처럼 숫자 아래 문구만 바꾸기! 릴스나 쇼츠에 올릴 거라면 정사각형을 그대로 자르지 말고 “1080×1920 세로 화면에 다시 배치해 줘”라고 요청해 주세요. 숫자판과 날짜가 잘리지 않게 새로 짜 줘요.
우리 가게 버전으로 바꿀 것
준비물은 네 가지예요. 숫자 아래 문구(예: ‘그랜드 오픈까지’), 터지는 큰 제목(예: ‘GRAND OPEN!’), 가게 이름, 날짜와 시간. 큰 제목은 영어 두 단어 이내가 가장 시원하게 보여요. 한글로 쓰고 싶다면 ‘오픈합니다!’처럼 다섯 글자 안쪽을 추천해요. 날짜는 ‘10.20 MON’처럼 짧게, 시간은 ‘AM 11:00’처럼 한 줄로 적으면 마지막 화면에서 읽기 편해요. 색을 바꾸고 싶다면 배경색 하나와 포인트색 하나만 알려 주기!
15초 장면 구성
0~1초에는 빈 숫자판이 올라와요. 1초, 3초, 5초에 숫자판이 3, 2, 1로 탁탁 넘어가고, 그 사이 동그라미와 삼각형이 숫자판 앞뒤로 지나가며 깊이를 만들어요. 숫자 아래 막대는 남은 시간을 채워 가요. 7초에 0으로 넘어가는 순간 화면이 번쩍이며 색종이가 터지고 ‘GRAND OPEN!’이 쾅! 9초부터는 제목이 위로 올라가고 가게 이름, 날짜, 시간이 박자마다 하나씩 들어와요. 12.5초부터는 글자를 멈춰 마지막 정보를 읽을 시간을 넉넉히 줬어요.
음악
이 영상만을 위해 새로 만든 120BPM 곡이에요. 앞부분은 째깍째깍 시계 소리와 숫자판 넘어가는 ‘탁’ 소리, 점점 올라가는 상승음으로 긴장감을 쌓고, 7초에 쿵 하고 터지면서 강한 킥과 클랩, 묵직한 베이스가 들어와요. 외부 음원이나 루프 없이 코드로 직접 합성했어요. 분위기를 바꾸고 싶다면 “더 귀엽게, 실로폰 같은 소리로”처럼 원하는 소리를 말로 적어 주세요.
Claude Code로 이렇게 만들어요
이 영상은 Claude Code에서 HyperFrames 스킬로 만들었어요. HyperFrames는 화면을 웹페이지처럼 짜서 MP4로 렌더링하는 무료 도구예요. 아직 준비 전이라면 본문 위의 클로드 환경 설치법부터 따라 해 주세요. 준비가 끝났다면 빈 작업 폴더를 Claude Code로 열고, 아래 복사용 프롬프트를 붙여 넣기! 프롬프트에 ‘장면 미리보기를 먼저 보여 줘’를 넣어 두었으니, 전체 렌더링 전에 숫자판과 날짜 배치를 먼저 확인할 수 있어요. 같은 프롬프트라도 모델과 PC 환경에 따라 결과는 조금씩 달라질 수 있어요.
수정 요청 예시
“7초에 터지는 제목을 ‘NEW MENU!’로 바꿔 줘”, “3·2·1 숫자판을 조금 더 크게”, “색종이를 우리 가게 색인 초록과 크림으로”, “마지막 날짜 화면을 1초 더 길게”처럼 시간과 대상, 바라는 결과를 함께 말해 보세요. 한 번에 한두 가지씩 고치면 달라진 점이 잘 보여요. 마음에 든 버전은 따로 남겨 두고 새 파일로 저장해 달라고 하면 비교하기 편해요.
완성본 확인·저장·올리기
MP4를 처음부터 끝까지 재생하며 날짜와 요일이 맞는지, 가게 이름에 오타가 없는지, 마지막 화면을 읽을 시간이 충분한지 확인해요. 소리도 켜서 직접 들어 보기! 인스타 피드에 올릴 때는 미리보기 화면에서 위아래가 잘리지 않는지 한 번 더 보고, 매장 화면용이라면 소리 없이 틀어도 내용이 전달되는지 살펴보세요. 완성 MP4와 수정용 파일을 한 폴더에 보관해 두면 다음 이벤트 때 날짜만 바꿔 바로 다시 쓸 수 있어요. 이제 우리 가게의 3, 2, 1을 시작해 볼 차례!
COPY & MAKE IT YOURS
내 이름으로 만들 프롬프트
사진 없이 아래 프롬프트를 Claude Code에 보내 시작할 수 있어요. 대괄호 부분만 내 매장 정보로 바꾸면 돼요.
쓸 곳: [인스타 피드 / 매장 화면 / 릴스·쇼츠(세로로 다시 배치) 중 하나] HyperFrames 스킬을 사용해서 우리 가게의 15초 카운트다운 영상을 만들어 줘. 정사각형 1080×1080, 60fps. 숫자 아래 문구: [그랜드 오픈까지 / 신메뉴 출시까지 등] 터지는 큰 제목: [GRAND OPEN! 처럼 짧게] 가게 이름: [우리 가게 이름] 날짜: [예: 10.20 MON] 시간: [예: AM 11:00] 마지막 한 줄(없으면 지우기): [짧은 인사] 색: [배경색 1개, 포인트색 1개] 구성: 0~1초 빈 플립시계 숫자판 등장, 1·3·5초에 숫자판이 3·2·1로 넘어가는 플립 애니메이션, 숫자판 앞뒤로 동그라미·삼각형 같은 도형이 지나가 깊이감 주기, 숫자 아래 막대가 남은 시간만큼 채워지기. 7초에 0으로 넘어가며 화면이 번쩍이고 색종이가 터지면서 큰 제목이 입체 글자로 등장. 9초부터 가게 이름·날짜·시간이 박자마다 하나씩 들어오고, 12.5초부터 마지막 화면은 글자를 멈춰 읽기 쉽게 해 줘. 반복 점멸은 하지 마. 내가 주지 않은 할인율, 가격, 경품, 수상 이력은 넣지 마. 다른 회사 광고나 영상의 구성을 따라 하지 말고 새로 설계해 줘. 음악도 이 영상 전용으로 새로 만들어 줘. 외부 음원·루프·유명 곡 멜로디 없이 코드로 직접 합성. 120BPM, 15초, 보컬 없이. 앞부분은 시계 째깍 소리와 숫자판 넘어가는 소리, 상승음으로 긴장감을 쌓고, 7초에 강한 타격음과 함께 신나는 킥·클랩·베이스가 들어오게. 음량은 -14 LUFS 근처, 소리가 찌그러지지 않게 확인해 줘. 한글이 깨지지 않는 상업 이용 가능한 무료 글꼴을 쓰고 이름과 라이선스를 기록해 줘. 먼저 장면 미리보기(스냅샷) 몇 장을 보여 주고, 내가 확인하면 MP4로 렌더링해 줘. 필요한 도구가 없으면 설치할 항목과 이유를 먼저 알려 줘. 완성 MP4, 음악 파일, 수정용 파일을 저장하고, 실행한 검사와 확인하지 못한 부분을 구분해서 알려 줘.
이 예제의 실제 제작 지시문 보기
위쪽은 사용자의 실제 요청 원문, 함께 적용한 운영 기준, 그리고 코드 제작에 실제로 적용한 구체화 브리프예요. 별도 AI 동영상·이미지 생성 모델에 보낸 입력은 아니에요. 복사용 프롬프트는 독자가 가게 정보를 바꿔 넣기 쉽게 다시 쓴 버전이에요.
[사용자 요청 원문] 구성안대로 확정하고 주제 제한없이 만들어. 09:30 / 13:30 / 18:30 승인 (단, 코덱스와 같아질때까지 3편 게시) 기존글 그대로 둔다. [함께 적용한 운영 기준 요약 — AGENTS.md·POST_WRITING_GUIDE.md] 특정 아이템 홍보가 아닌 여러 가게가 바꿔 쓸 수 있는 스타일의 영상, 본문은 활용처 중심. 약 15초, 화려한 모션(입체 글자·앞뒤 도형·입자·박자 전환), 주요 문구 가독성, 마지막 2~3초 정지, 사진 바운스 같은 과한 반복 움직임 금지. 작품마다 새 음악·강한 비트. 이전 글과 비율·스타일·음악이 겹치지 않게. [이번 제작에 적용한 구체화 브리프] 정사각형 1080×1080·60fps·15초 ‘오픈·이벤트 카운트다운’ 템플릿. 특정 가게 이름 대신 ‘우리 가게’, 예시 날짜 ‘10.20 MON’·‘AM 11:00’ 사용(바꿔 쓰는 자리). 팔레트: 미드나이트 네이비 #121A33, 탠저린 #FF7A1A, 스카이 #8FD3FF, 크림 #FFF4E4, 코랄 포인트. 글꼴: League Gothic(숫자), Archivo Black(입체 제목), Montserrat, Noto Sans KR. - 0~1초: 대각선 줄무늬가 천천히 흐르는 배경, ‘OPEN SOON’, 빈 플립시계 숫자판이 올라옴. - 1·3·5초: 위쪽 덮개가 아래로 접히고 아래쪽 덮개가 펼쳐지는 플립으로 3→2→1(전환마다 숫자판 살짝 펌프). 동그라미·삼각형·고리 5개가 숫자판 뒤(3개)와 앞(2개)으로 지나감. ‘그랜드 오픈까지’, 남은 시간 막대. - 7초: 0으로 플립, 짧은 흰 섬광, 숫자판이 커지며 사라짐, 탠저린 방사선 배경, 색종이 64개 폭발(결정적 의사난수) 후 천천히 낙하, ‘GRAND’(7초)·‘OPEN!’(7.5초) 입체 글자 쾅, 8·8.5초 박자 펌프. - 9초: 제목이 위로 올라가며 작아지고 방사선은 옅게(네이비 위주), 9.5 ‘우리 가게’ 알약, 10 날짜, 10.5 시간, 11 ‘첫 손님을 기다려요!’. 12.5초 이후 글자 고정, 색종이만 천천히. 음악: 새 곡 120BPM·G단조. 0~7초 시계 틱(매 박)·플립 소리(1·3·5·7초)·상승 아르페지오·라이저·클랩 롤, 7초 임팩트+크래시 후 킥 4박·클랩 2·4박·하이햇·808·소우 스탭·훅 멜로디, 12.5초 마무리 타격과 코드 여운. 외부 음원·루프·보컬 없음. 기술: Claude Code + HyperFrames 0.8.149(HTML+GSAP 렌더), Python+NumPy 음악 합성, FFmpeg 리미터. lint 오류 0, 인코딩본 장면 확인, 디코딩·음량 검사. 이 브리프는 영상·음악 코드를 작성하는 데 적용한 지시이며, 별도의 AI 동영상·이미지 생성 모델에 보낸 입력이 아님.