클로드버전 · Claude Code에서 시작해요

제목, 쉬는 날짜와 이유, 다시 여는 날, 가게 이름만 정하면 준비 끝! 아래 프롬프트의 대괄호를 채워 Claude Code에 보내고, 미리보기를 확인한 뒤 MP4로 받아요.

처음 만드는 분은 클로드 환경 설치법부터 준비해 주세요. Claude Code와 HyperFrames로 첫 MP4를 만드는 순서예요.

알록달록 색종이 띠가 슥슥 붙고, 빨간 “NOTICE” 도장이 쾅! 이어서 ‘임시 휴무 안내’ 글자 타일이 한 장씩 착착 내려앉고, 날짜 카드에 마커로 동그라미까지 그려지는 15초 종이 콜라주 공지 영상이에요. 휴무일, 영업시간 변경, 이사·리뉴얼처럼 손님께 꼭 알려야 하는 소식을 딱딱한 글 대신 귀엽게 전하고 싶을 때 쓰기 좋아요. 9:16 세로형이라 인스타 스토리와 릴스에 바로 올릴 수 있어요.

영상 속 ‘10.20 MON’, ‘가게 정비로 하루 쉬어요’, ‘10.21 TUE부터 정상 영업해요!’, ‘우리 가게’, ‘@우리가게’는 모두 바꿔 쓰라고 넣은 예시 문구예요. 실제 매장의 휴무 일정이 아니니, 아래 복사용 프롬프트의 대괄호에 우리 가게 날짜와 문구만 채워 Claude Code에 보내 주세요.

이 영상, 이런 곳에 쓰면 좋아요

  • 임시 휴무·명절 휴무 공지: 날짜와 이유 한 줄만 바꾸면 끝. 휴무 전날 스토리에 올려 두면 헛걸음하는 손님을 줄이는 데 도움이 돼요.
  • 영업시간 변경 안내: 제목 타일을 ‘영업시간 변경’으로, 날짜 카드를 ‘평일 11:00–20:00’처럼 바꾸면 시간 안내 영상이 돼요. 실제로 정한 시간만 넣어 주세요.
  • 이사·리뉴얼·재오픈 소식: ‘리뉴얼 안내’, ‘이전 안내’로 제목을 바꾸고 아래 파란 카드에 다시 여는 날을 넣으면 깔끔해요.
  • 예약 마감·품절 안내: ‘예약 마감 안내’처럼 짧게 알리고, 다음 예약 시작일을 파란 카드에 넣어 다음 행동을 알려 주기!
  • 매장 입구 화면·카운터 태블릿: 밝은 종이 색이라 낮 매장에서도 잘 보여요. 소리 없이 반복 재생해도 날짜와 문구가 또렷하게 전달돼요.

업종별로는 이렇게 바꿔 보세요. 카페는 ‘원두 입고로 오후 휴무’, 미용실은 ‘원장님 교육으로 하루 휴무’, 공방은 ‘수업 준비로 매장 휴무’, 온라인 판매자라면 ‘연휴 배송 휴무 안내’처럼요. 이유는 실제 사정대로, 짧게 한 줄이면 충분해요. 인스타 피드용 정사각형이나 4:5가 필요하면 영상을 잘라 쓰기보다 “1080×1080 정사각형에 다시 배치해 줘”라고 요청해 주세요. 제목 타일과 날짜 카드가 잘리지 않게 새로 짜 줘요.

우리 가게 버전으로 바꿀 것

준비물은 다섯 가지예요. 제목(예: ‘임시 휴무 안내’), 쉬는 날짜와 요일, 이유 한 줄, 다시 여는 날 안내, 가게 이름과 SNS 계정. 제목은 글자 타일 하나에 한 글자씩 들어가서 여섯 글자 안쪽이 가장 보기 좋아요. 날짜는 ‘10.20 MON’처럼 숫자와 요일을 짧게, 이유는 열두 글자 안팎으로 적으면 카드 한 줄에 쏙 들어가요. 쉬는 날이 이틀 이상이면 “날짜를 10.20–10.21 두 줄로 나눠 줘”라고 덧붙이기! 색은 토마토 빨강·코발트 파랑·머스터드 노랑을 썼는데, 우리 가게 대표색이 있다면 색 세 가지를 알려 주면 띠와 타일 색이 바뀌어요.

15초 장면 구성

0~2초에는 크림색 종이 바탕 위로 빨간 띠, 파란 띠, 노란 동그라미, 파란 반달이 박자마다 하나씩 붙어요. 1.9초에 ‘NOTICE’ 도장이 쾅 찍히며 잉크 방울이 살짝 튀고, 3.8초부터 ‘임·시·휴·무·안·내’ 글자 타일이 반 박자마다 한 장씩 내려앉아요. 타일은 한 번 착지하면 그대로 멈춰서 정신없지 않아요. 6.7초에 날짜 카드가 오른쪽에서 미끄러져 들어오고, 7.4초에 빨간 마커가 날짜에 동그라미를 그린 뒤 이유 한 줄이 나와요. 9.5초에는 파란 카드가 위에서 접혔다 펴지듯 넘어오며 색종이 조각이 톡톡 흩어지고, 11.4초에 가게 이름과 계정이 올라와요. 그 사이 종이 동그라미와 삼각형이 카드 앞뒤로 천천히 지나가며 깊이를 만들어요. 12.4초에 가게 이름 밑줄이 그어진 뒤 마지막 2초 남짓은 모든 움직임이 멈춰서 날짜를 천천히 읽을 수 있어요.

음악

이 영상만을 위해 새로 만든 126BPM 펑키 하우스 곡이에요. 처음엔 종이가 스치는 ‘사악’ 소리와 가위 ‘싹둑’ 소리, 찰찰거리는 셰이커로 시작하고, 도장이 찍히는 순간 ‘쿵’과 함께 네 박 킥이 들어와요. 글자 타일이 내려앉을 때마다 마림바 같은 통통한 소리가 한 음씩 올라가고, 오르간 짧은 화음이 엇박으로 리듬을 밀어 줘요. 날짜에 동그라미를 그릴 땐 마커 사각거리는 소리, 파란 카드가 넘어올 땐 테이프 뜯는 소리까지 맞췄어요. 외부 음원이나 루프 없이 코드로 직접 합성했어요. “더 잔잔하게, 피아노 느낌으로”처럼 원하는 분위기를 말로 적어 주면 새로 만들어 줘요.

Claude Code로 이렇게 만들어요

이 영상은 Claude Code에서 HyperFrames 스킬로 만들었어요. 화면을 웹페이지처럼 짜서 MP4로 렌더링하는 방식이라, 날짜와 문구만 바꿔 다시 뽑기 쉬워요. 처음이라면 본문 위의 클로드 환경 설치법부터 따라 해 주세요. 준비가 끝났다면 빈 작업 폴더를 Claude Code로 열고, 아래 복사용 프롬프트의 대괄호를 채워 붙여 넣기! 먼저 장면 미리보기 몇 장을 보여 달라고 적어 두었으니, 날짜 카드와 마지막 화면 글자가 잘리지 않는지 확인한 뒤 “좋아, MP4로 만들어 줘”라고 답하면 돼요. 같은 프롬프트라도 모델과 PC 환경에 따라 결과는 조금씩 달라질 수 있어요.

수정 요청 예시

“1.9초 NOTICE 도장을 ‘공지’ 한글 도장으로 바꿔 줘”, “3.8초 글자 타일을 우리 가게 색인 초록과 크림으로”, “7초 날짜 카드의 마커 동그라미를 파란색으로”, “9.5초 파란 카드에 ‘사전 예약은 DM으로’ 한 줄 추가해 줘”, “마지막 정지 화면을 1초 더 길게”처럼 시간과 대상, 바라는 결과를 함께 말해 보세요. 한 번에 한두 가지씩 고치면 달라진 점을 비교하기 쉬워요. 마음에 든 버전은 이름을 바꿔 따로 저장해 달라고 하기!

완성본 확인·저장·올리기

MP4를 처음부터 끝까지 재생하며 날짜와 요일이 맞는지, 다시 여는 날이 정확한지 꼭 확인해요. 휴무 공지는 날짜 하나 틀리면 손님이 헛걸음하니까 달력과 한 번 더 대조하기! 스토리에 올릴 땐 위쪽 계정 이름 영역과 아래쪽 답장 입력창에 ‘NOTICE’나 가게 이름이 가리지 않는지 미리보기로 살펴보세요. 릴스라면 오른쪽 버튼과 아래 설명 글자 자리도 확인해요. 완성 MP4와 수정용 파일을 한 폴더에 모아 두면 다음 휴무 때는 날짜만 바꿔 금방 새 공지를 만들 수 있어요. 쉬는 날도 우리 가게답게, 귀엽게 알려 볼까요?

COPY & MAKE IT YOURS

내 이름으로 만들 프롬프트

사진 없이 아래 프롬프트를 Claude Code에 보내 시작할 수 있어요. 대괄호 부분만 내 매장 정보로 바꾸면 돼요.

쓸 곳: [인스타 스토리 / 릴스·쇼츠 / 매장 입구 화면 / 피드(정사각형으로 다시 배치) 중 하나]

HyperFrames 스킬을 사용해서 우리 가게의 15초 종이 콜라주 공지 영상을 만들어 줘. 9:16 세로형 1080×1920, 60fps.

제목(여섯 글자 안쪽): [예: 임시 휴무 안내 / 영업시간 변경]
날짜와 요일: [예: 10.20 MON]
이유 한 줄: [실제 사정을 짧게]
다시 여는 날 안내: [예: 10.21 TUE부터 정상 영업해요!]
가게 이름: [우리 가게 이름]
SNS 계정(없으면 지우기): [@계정]
색 세 가지(없으면 지우기): [예: 빨강, 파랑, 노랑]

구성: 크림색 종이 바탕에 색종이 띠와 동그라미가 박자마다 하나씩 붙고, 약 2초에 'NOTICE' 도장이 한 번 쾅 찍히며 잉크 방울이 살짝 튀기. 약 4초부터 제목 글자가 한 글자씩 색종이 타일에 담겨 반 박자마다 내려앉기(착지 후에는 그대로 멈추기). 약 7초에 날짜 카드가 옆에서 미끄러져 들어오고 마커로 날짜에 동그라미 그리기, 이어서 이유 한 줄. 약 9.5초에 다시 여는 날 카드가 접혔다 펴지듯 넘어오며 색종이 조각이 흩어지기. 종이 동그라미·삼각형이 카드 앞뒤로 천천히 지나가 깊이감 주기. 약 11.5초에 가게 이름과 계정, 마지막 2초 이상은 모든 움직임을 멈춰서 읽기 쉽게 해 줘. 글자나 타일을 반복해서 통통 튀게 하지는 마. 스토리 위아래 버튼 영역에 중요한 글자가 걸리지 않게 배치해 줘.

내가 주지 않은 날짜, 시간, 할인, 경품, 이유는 넣지 마. 다른 회사 광고나 영상의 구성을 따라 하지 말고 새로 설계해 줘.

음악도 이 영상 전용으로 새로 만들어 줘. 외부 음원·루프·유명 곡 멜로디 없이 코드로 직접 합성. 126BPM 펑키 하우스, 15초, 보컬 없이. 처음엔 종이 스치는 소리·가위 소리·셰이커, 도장이 찍힐 때 쿵 소리와 함께 킥이 들어오고, 글자 타일마다 마림바 같은 음이 한 음씩 올라가기. 마커·테이프 소리도 장면에 맞추고 마지막은 큰 화음으로. 음량은 -14 LUFS 근처, 소리가 찌그러지지 않게 확인해 줘.

한글이 깨지지 않는 상업 이용 가능한 무료 글꼴을 쓰고 이름과 라이선스를 기록해 줘. 먼저 장면 미리보기(스냅샷) 몇 장을 보여 주고, 내가 확인하면 MP4로 렌더링해 줘. 필요한 도구가 없으면 설치할 항목과 이유를 먼저 알려 줘. 완성 MP4, 음악 파일, 수정용 파일을 저장하고, 실행한 검사와 확인하지 못한 부분을 구분해서 알려 줘.

이 예제의 실제 제작 지시문 보기

위쪽은 사용자의 실제 요청 원문, 함께 적용한 운영 기준, 그리고 코드 제작에 실제로 적용한 구체화 브리프예요. 별도 AI 동영상·이미지 생성 모델에 보낸 입력은 아니에요. 복사용 프롬프트는 독자가 가게 정보를 바꿔 넣기 쉽게 다시 쓴 버전이에요.

[사용자 요청 원문 — 사용자가 저장한 예약 작업 지시 발췌]
슬롯마다 1편 게시 + 다음 슬롯용 1편 제작.
사진 바운스 같은 과한 반복 움직임은 피한다(사용자 피드백). 기존 게시 글은 수정하지 않는다.
(이전 사용자 지시) 구성안대로 확정하고 주제 제한없이 만들어.

[함께 적용한 운영 기준 요약 — AGENTS.md·POST_WRITING_GUIDE.md·CLAUDE_TYPO_DAILY.md]
특정 아이템 홍보가 아닌 여러 가게가 바꿔 쓸 수 있는 스타일의 영상, 본문은 활용처 중심. 약 15초, 화려한 모션(입체 글자·앞뒤 도형·입자·박자 전환), 주요 문구 가독성, 마지막 2~3초 정지, 과한 반복 움직임 금지. 작품마다 새 음악·강한 비트. 이전 글(양쪽 버전)과 스타일·비율·팔레트·음악이 겹치지 않게.

[이번 제작에 적용한 구체화 브리프]
9:16 세로 1080×1920·60fps·15초 ‘종이 콜라주 임시 휴무·영업 안내’ 공지 틀(밝은 종이 콜라주 스타일, 앞선 클로드버전의 입체 글자·플립시계·네온과 다른 방향). 예시 문구 ‘임시 휴무 안내’, ‘10.20 MON’, ‘가게 정비로 하루 쉬어요’, ‘10.21 TUE부터 정상 영업해요!’, ‘우리 가게’, ‘@우리가게’(바꿔 쓰는 자리, 실제 일정 아님). 팔레트: 크림 종이 #F4ECDD, 토마토 #F0502F, 코발트 #2747D8, 머스터드 #F6C33B, 잉크 #1D1A17. 글꼴: Archivo Black(NOTICE·날짜), Montserrat(계정), Noto Sans KR. 박자 126BPM(1박 0.476초) 기준.
- 0~1.9초: 크림 종이 바탕, 망점 무늬. 빨강 띠·파랑 띠·노랑 원·파랑 반달이 박자마다 미끄러지거나 펼쳐지며 붙음.
- 1.9초: ‘NOTICE’ 고무도장이 크게 기울어진 상태에서 한 번 찍힘(-6°), 잉크 방울 22개(결정적 의사난수) 튀고 사라짐.
- 3.8~5.2초: ‘임시휴무’·‘안내’ 여섯 글자 타일이 반 박자마다 위에서 X축 회전하며 내려앉음, 각각 살짝 다른 기울기로 한 번 착지 후 정지. 5.0초 색종이 조각 28개.
- 6.7초: 흰 날짜 카드(마스킹테이프 2장) 오른쪽에서 슬라이드, 7.4초 빨간 마커가 ‘10.20’에 동그라미를 그림(실제 경로 길이 기반 선 그리기), 8.1초 이유 한 줄.
- 9.5초: 코발트 카드가 위쪽 가장자리를 축으로 접혔다 펴지며 등장, 색종이 조각 20개.
- 1.9~12.4초: 뒤 3개·앞 2개(살짝 흐림) 종이 원·삼각형이 천천히 가로지름(앞 도형은 화면 가장자리만 지남).
- 11.4초: ‘우리 가게 / @우리가게’, 12.4초 가게 이름 밑줄 그리기 후 모든 움직임 정지.
음악: 새 곡 126BPM·F장조 펑키 하우스(Fmaj7-Dm7-B♭maj7-C7). 종이 스침(대역 노이즈 스윕)·가위 소리·셰이커·필터 오르간·라이저 → 1.9초 도장 ‘쿵’과 함께 4박 킥, 2·4박 스네어, 림샷, 16분 셰이커, 싱코페이션 베이스, 엇박 오르간(드로바식 가산 합성), 타일마다 FM 마림바 상승음, 카드 위 마림바 훅, 마커 사각 소리·테이프 뜯는 소리, 12.38초 마무리 타격과 오르간 화음 여운. 외부 음원·루프·보컬 없음.
기술: Claude Code + HyperFrames 0.8.149(HTML+GSAP 렌더), Python+NumPy 음악 합성, FFmpeg 검사. lint 오류 0, 렌더 전 스냅샷과 인코딩본 장면 확인, 디코딩·음량 검사.
이 브리프는 영상·음악 코드를 작성하는 데 적용한 지시이며, 별도의 AI 동영상·이미지 생성 모델에 보낸 입력이 아님.

[제작 중 수정]
첫 스냅샷에서 코발트색 ‘@우리가게’ 글자가 같은 코발트 띠와 겹쳐 안 보이고, ‘NOTICE’ 글자가 도장 테두리에 닿아 띠를 오른쪽 아래로 옮기고 도장 상자를 넓힌 뒤 렌더링함.

클로드버전이 처음이라면? Claude Code와 HyperFrames 설치부터 알아보기 →