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

계정 이름, 가게 이름, 한 줄 소개, 마지막 안내 문구만 정하면 준비 끝! 대괄호를 채워 Claude Code에 보내고, 미리보기를 확인한 뒤 MP4로 받아요.

반짝이는 유리 스마트폰이 빙글빙글 돌며 날아와 쾅! 내려앉아요. 화면이 켜지면 프로필 사진 자리가 톡 튀어나오고, 피드 타일 아홉 칸이 박자마다 하나씩 채워져요. 그러다 드롭과 함께 타일들이 화면 밖으로 와르르 튀어나와 폰 주위를 빙글빙글 도는 3D 고리가 되고, 하트·말풍선·별이 박자마다 펑펑 터져요. 마지막엔 카메라가 프로필의 무지개 스토리 링 속으로 쑥 빨려 들어가, ‘@우리가게’와 ‘팔로우하고 소식 받아요’, 그리고 손가락이 톡 누르는 ‘+ 팔로우’ 버튼으로 마무리되는 15초 SNS 홍보 영상이에요. 우리 가게 인스타 계정을 알리고 팔로우를 부탁하고 싶을 때 딱이에요. 9:16 세로형이라 릴스·스토리에 바로 올릴 수 있어요.

영상 속 ‘@우리가게’, ‘우리 가게’, ‘예시 계정 · 새 소식을 전해요’, 알림 문구 ‘새 좋아요’, ‘새 팔로워’, ‘새 댓글’은 모두 바꿔 쓰라고 넣은 가상 예시예요. 실제 계정이나 실제 알림이 아니에요. 프로필의 게시물·팔로워·팔로잉 숫자 자리는 일부러 색 막대로 비워 뒀어요. 실제 숫자를 지어내 넣지 않는 게 좋고, 특정 앱의 로고나 화면을 그대로 따라 하지 않은 일반 아이콘으로 만들었어요.

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

  • 릴스·쇼츠 첫 장면: 가게 계정을 처음 소개하는 릴스의 오프닝으로 쓰면, 폰이 날아오는 첫 1초부터 “어, 뭐지?” 하고 눈길이 멈춰요. 뒤에 매장 영상을 이어 붙이면 계정 소개 릴스가 완성!
  • 매장 TV·카운터 화면: 계산대 옆 모니터나 대기 화면에 반복 재생해 두면, 줄 서 있는 손님이 자연스럽게 계정 이름을 보게 돼요. 마지막 정지 화면이 2초 넘게 멈춰 있어 계정 이름을 천천히 읽을 수 있어요.
  • 오픈 소식·새 계정 개설 공지: 새로 문을 열었거나 계정을 새로 만들었을 때 “이제 여기서 소식 전해요!”를 알리기 좋아요. 알림 문구를 ‘오픈 소식’, ‘이번 주 신메뉴’처럼 바꿔도 잘 어울려요.
  • 팔로우 이벤트 안내: 팔로우 이벤트를 하고 있다면 마지막 문구를 이벤트 안내로 바꿔 보세요. 혜택은 실제로 준비한 것만 적고, 정하지 않은 선물이나 수량은 넣지 않아요.
  • 명함·전단 QR 옆 영상: QR 코드로 연결되는 링크 페이지나 상세페이지 상단에 이 영상을 올리면 “여기서 팔로우하면 돼요”라는 안내가 한눈에 들어와요.

업종별로는 이렇게 바꿔 보세요. 카페는 피드 타일에 컵·케이크 아이콘을, 빵집은 빵·바구니를, 꽃집은 꽃 아이콘과 분홍 팔레트를, 네일숍은 반짝이 패턴을, 공방은 손 그림 무늬를, 온라인 판매자라면 쇼핑백·상자 아이콘을 넣으면 돼요. 실제 메뉴 사진이 있다면 타일 아홉 칸에 사진을 넣어 달라고 해도 좋아요. 인스타 피드용 4:5나 정사각형이 필요하면 잘라 쓰기보다 “1080×1350 비율에 맞춰 폰과 계정 이름, 팔로우 버튼을 다시 배치해 줘”라고 요청해 주세요. 계정 이름과 버튼이 잘리지 않게 새로 짜 줘요.

우리 가게 버전으로 바꿀 것

준비물은 계정 이름, 가게 이름, 한 줄 소개, 마지막 안내 문구, 이렇게 네 가지면 충분해요. 계정 이름은 ‘@’ 포함 열 글자 안쪽이면 입체 글자가 화면에 시원하게 들어가요. 영문 아이디처럼 길다면 “계정 이름 글자를 한 단계 작게 해서 한 줄에 맞춰 줘”라고 덧붙이기! 프로필 원에는 사진 대신 가게 이름 첫 글자가 들어가요. 로고가 있다면 로고 파일을 함께 주고 “프로필 원 안에 로고를 넣어 줘”라고 하면 돼요. 마지막 안내 문구는 ‘팔로우하고 소식 받아요’처럼 열 글자 남짓이 가장 깔끔해요. 피드 타일 아홉 칸은 지금 코랄·라벤더·크림 색면과 컵·하트·케이크·선물 같은 아이콘으로 채워져 있어요. 우리 가게 대표 메뉴나 상품 사진이 있다면 아홉 장을 준비해 주세요. 사진이 없어도 아이콘과 색만으로 충분히 예뻐요. 색은 코랄, 라벤더, 크림에 흰 유리 질감이에요. 대표색이 있다면 “배경을 민트로, 버튼을 남색으로”처럼 알려 주면 바뀌어요.

15초 장면 구성

0초부터 비눗방울과 하트가 떠 있는 라벤더 공간 저 멀리에서 유리 스마트폰이 두 바퀴 반을 돌며 날아오고, 0.97초에 반짝이는 그리드 바닥에 쾅 착지해요. 바닥에 충격파 고리가 퍼지고 하트·방울이 튀어 올라요. 1.09초에 어두운 유리 화면이 프로필 자리부터 동그랗게 켜지고, 1.21초에 무지개 스토리 링이 돌며 프로필 원이 톡! 이어서 팔로우·메시지 버튼과 하이라이트 동그라미가 차례로 나와요. 1.69초부터 3.63초까지는 피드 타일 아홉 칸이 8분음표마다 하나씩 채워지고, 3.27초엔 손가락이 두 번 톡톡 누르면 큰 하트가 뿅 떠요. 3.87초 드롭! 타일 아홉 장이 화면 밖으로 빙글빙글 튀어나와 폰 주위를 도는 고리가 되고, 무지개 충격파와 함께 하트·말풍선·별 색종이가 폭발해요. 4.35초부터는 카메라가 폰 주위를 돌고, 박자마다 입체 하트·말풍선·별이 펑펑 튀어나와요. 5.81초엔 폰이 한 바퀴 휙 돌며 뒷면 카메라까지 보여 주고, 7.74초에 타일들이 폰 뒤로 날아가 커다란 피드 벽이 돼요. 7.98초·8.47초·8.95초에는 ‘새 좋아요’, ‘새 팔로워’, ‘새 댓글’ 알림이 차곡차곡 내려오고, 오른쪽에선 라이브 방송처럼 하트가 줄줄이 올라가요. 9.19초에 카메라가 프로필로 다가가고, 9.68초에 무지개 스토리 링 속으로 쑥 빨려 들어가는 터널을 지나 9.97초에 무지개 원이 열리며 마지막 화면이 나와요. 피드가 꽉 찬 폰이 날아와 자리 잡고, 10.65초에 ‘@우리가게’ 입체 글자가 쾅! 이어서 ‘FOLLOW US’, ‘팔로우하고 소식 받아요’, ‘+ 팔로우’ 버튼, 좋아요·댓글·저장 칩이 차례로 나오고, 11.61초에 손가락이 팔로우 버튼을 톡 누르면 하트가 쏟아져요. 약 12.4초부터 끝까지는 완전히 멈춘 정지 화면이에요. 하얗게 번쩍이는 화면이나 반복 깜빡임은 넣지 않았어요.

음악

이 영상만을 위해 새로 만든 124BPM G장조 버블리 팝 하우스 곡이에요. 폰이 날아올 땐 바람 소리와 물방울 같은 ‘퐁퐁’ 아르페지오가 차오르고, 착지엔 ‘쾅’과 유리잔 부딪히는 ‘챙’ 소리가 나요. 화면이 켜질 땐 두 음짜리 맑은 알림음, 타일이 채워질 땐 마림바가 한 칸씩 ‘톡톡’ 올라가요. 더블 탭엔 ‘뾰잉’ 하는 하트 소리! 드롭 직전 아주 짧게 숨을 고른 뒤, 강한 킥과 박수, 엇박 하이햇, 통통 튀는 신스 멜로디가 신나게 터져요. 하트엔 높은 종소리, 말풍선엔 ‘뽁뽁’, 별엔 반짝이는 차임이 박자마다 붙고, 알림이 내려올 땐 마림바 알림음이 울려요. 스토리 링으로 빨려 들어갈 땐 쉬익 하는 터널 소리, 계정 이름이 쾅 나올 땐 묵직한 타격, 팔로우 버튼을 누르는 순간엔 반짝이는 성공 아르페지오와 큰 화음으로 마무리해요. 외부 음원이나 루프 없이 코드로 직접 합성했어요. “좀 더 잔잔한 어쿠스틱 느낌으로”처럼 원하는 분위기를 말로 적어 주면 새로 만들어 줘요.

Claude Code로 이렇게 만들어요

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

수정 요청 예시

“1.2초 프로필 원 안에 우리 가게 로고를 넣어 줘”, “피드 타일 아홉 칸을 내가 준 메뉴 사진으로 바꿔 줘”, “3.87초 타일이 튀어나올 때 더 멀리 퍼지게”, “8초 알림 문구를 ‘오픈 소식’, ‘이번 주 신메뉴’, ‘영업 안내’로 바꿔 줘”, “10.65초 계정 이름을 영문 아이디로, 글자는 조금 작게”, “마지막 팔로우 버튼을 코랄 대신 남색으로”, “정지 화면을 1초 더 길게”처럼 시간과 대상, 바라는 결과를 함께 말해 보세요. 한 번에 한두 가지씩 고치면 달라진 점을 비교하기 쉬워요.

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

MP4를 처음부터 끝까지 재생하며 계정 이름의 철자가 정확한지 꼭 확인해요. 아이디는 한 글자만 틀려도 손님이 찾을 수 없으니 실제 계정 화면과 하나하나 비교해 보세요! 팔로우 이벤트 문구를 넣었다면 매장에서 실제로 진행하는 내용인지도 한 번 더 체크. 스토리에 올릴 땐 위쪽 계정 이름 자리에 ‘FOLLOW US’가, 아래쪽 입력창에 좋아요·댓글·저장 칩이 가리지 않는지 미리보기로 살펴보세요. 릴스라면 오른쪽 버튼과 아래 설명 글자 자리도 확인해요. 완성 MP4와 수정용 파일을 한 폴더에 모아 두면 다음엔 알림 문구나 색만 바꿔 금방 새 버전을 만들 수 있어요. 자, 오늘은 우리 가게 계정을 어디에 먼저 자랑해 볼까요?

#모션그래픽

COPY & MAKE IT YOURS

내 이름으로 만들 프롬프트

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

쓸 곳: [릴스·쇼츠 첫 장면 / 매장 TV·카운터 화면 / 오픈·새 계정 소식 / 팔로우 이벤트 안내 / 명함·전단 QR 옆 영상 중 하나]

HyperFrames 스킬을 사용해서 우리 가게 SNS 계정을 알리는 15초 「3D 스마트폰 속 우리 가게 SNS」 영상을 만들어 줘. 9:16 세로형 1080×1920, 60fps. (쓸 곳이 피드면 1080×1350, 매장 가로 TV면 1920×1080으로 같은 연출을 다시 배치해 줘.) 평평한 배경에 놓는 구성이 아니라 CSS 3D(perspective, preserve-3d)로 카메라가 움직이는 입체 공간으로 만들어 줘.

계정 이름(@ 포함): [@우리가게]
가게 이름: [우리 가게]
프로필 한 줄 소개: [예: 새 소식을 전해요]
프로필 원 안에 넣을 것: [가게 이름 첫 글자 / 로고 파일]
피드 타일 아홉 칸: [사진 없이 색면·아이콘 / 메뉴 사진 아홉 장 첨부]
알림 문구 세 개: [예: 새 좋아요] / [예: 새 팔로워] / [예: 새 댓글]
마지막 안내 문구: [예: 팔로우하고 소식 받아요]
팔로우 이벤트 혜택(실제로 진행하는 것만, 없으면 지우기): [ ]
색(없으면 지우기): [예: 코랄, 라벤더, 크림, 흰 유리 질감]

구성:
- 0~1초: 비눗방울·하트가 떠 있는 공간 멀리서 유리 스마트폰이 회전하며 날아와 반짝이는 바닥에 쾅 착지(첫 프레임부터 폰이 보이게). 바닥 충격파 고리와 하트·방울 튀기.
- 1~1.7초: 어두운 화면이 프로필 자리부터 동그랗게 켜지고, 무지개 스토리 링이 돌며 프로필 원이 톡, 버튼과 하이라이트 동그라미가 차례로.
- 1.7~3.7초: 피드 타일 아홉 칸이 박자마다 하나씩 채워지고, 중간에 손가락이 두 번 톡톡 누르면 큰 하트가 뿅.
- 드롭(약 3.9초): 타일 아홉 장이 화면 밖으로 빙글빙글 튀어나와 폰 주위를 도는 3D 고리가 되고, 무지개 충격파와 색종이 폭발.
- 4~7.7초: 카메라가 폰 주위를 돌고, 박자마다 입체 하트·말풍선·별이 펑펑. 중간에 폰이 한 바퀴 휙 돌아 뒷면도 보이게.
- 7.7~9.2초: 타일이 폰 뒤로 날아가 큰 피드 벽이 되고, 알림 세 개가 차례로 내려오며 옆에서 하트가 줄줄이 올라가기.
- 9.2~10.2초: 카메라가 프로필의 무지개 스토리 링 속으로 빨려 들어가는 터널, 무지개 원이 열리며 마지막 화면으로.
- 10.2초 이후: 피드가 꽉 찬 폰과 입체 계정 이름, 안내 문구, '+ 팔로우' 버튼, 좋아요·댓글·저장 칩이 차례로 자리 잡고, 손가락이 팔로우 버튼을 톡 누르면 하트가 쏟아진 뒤 2초 이상 완전히 멈춘 정지 화면.
전환은 박자에 맞춰 6번 이상, 종류를 다양하게. 배경은 비눗방울·흐린 전경·떠 있는 아이콘으로 앞뒤 깊이감을 채워 줘. 입자가 계정 이름을 가리지 않게, 하얗게 번쩍이는 화면·반복 깜빡임·통통 튀는 반복 움직임은 넣지 마. 스토리·릴스 위아래 버튼 자리에 중요한 글자가 걸리지 않게 배치해 줘.

특정 SNS 앱의 로고나 화면을 그대로 따라 하지 말고 일반 아이콘으로 그려 줘. 게시물·팔로워 숫자는 지어내지 말고 빈 막대로 두고, 내가 주지 않은 가격, 할인율, 경품, 수량, 숫자는 넣지 마. 다른 회사 광고나 영상의 구성을 따라 하지 말고 새로 설계해 줘.

음악도 이 영상 전용으로 새로 만들어 줘. 외부 음원·루프·유명 곡 멜로디 없이 코드로 직접 합성. 124BPM 안팎 [G장조] 버블리 팝 하우스, 15초, 보컬 없이. 착지 '쾅'과 유리 '챙', 화면 켜지는 알림음, 타일마다 마림바 '톡', 더블 탭 하트 '뾰잉', 드롭 직전 짧은 정적, 드롭에 강한 킥·박수·통통 튀는 신스 멜로디, 아이콘마다 종소리·'뽁뽁'·반짝 차임, 알림음, 터널 '쉬익', 마지막 팔로우 탭에 성공 아르페지오와 큰 화음. 음량은 -14 LUFS 근처, 소리가 찌그러지지 않게 확인해 줘.

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

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

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

[사용자 요청 원문 — 2026-10-15]
10/18일자까지 미리 만들어라.

[함께 적용한 운영 기준 요약 — AGENTS.md·POST_WRITING_GUIDE.md·CLAUDE_TYPO_DAILY.md]
클로드버전 광고형 1편(게시 슬롯 2026-10-17 09:30). 특정 아이템 홍보가 아닌 여러 가게가 바꿔 쓸 수 있는 스타일의 영상, 본문은 활용처 중심. 화려함 기준: 단순한 결과물 불합격(“화려한 눈요기도 있어야 좋지. 전부 단순하잖아”), CSS 3D 카메라 이동·입체 글자·입자·빛·박자 전환 6회 이상·패럴랙스, 사진 바운스·반복 점멸·화이트아웃 금지. 약 15초, 주요 문구 가독성, 마지막 2~3초 정지. 작품마다 새 음악·강한 비트(외부 음원·루프·기존 곡 금지, 기존 곡과 BPM·조성 겹치지 않게), 약 -14 LUFS·피크 -1 dBTP 이하. 이전 글과 스타일·비율·팔레트·음악이 겹치지 않게. 렌더 전 스냅샷 장면 시트로 먼저 검토. 사용자가 주지 않은 가격·할인율·수치·실존 회사명은 넣지 않음.

[메인 작업 세션이 정리해 전달한 제작 브리프 요약]
「3D 스마트폰 속 우리 가게 SNS」. 인스타 계정·팔로우를 홍보하는 영상. 9:16 1080×1920·60fps·약 15초, 마지막 2~3초 정지·가독성. 흐름 예시: 0초 반짝이는 3D 스마트폰이 회전하며 날아와 착지(유리 반사), 화면 안 프로필 원형 자리(사진 없이 이니셜·도형 아이콘)가 팝, 피드 타일 9개가 3D로 화면 밖으로 튀어나와 공중에서 회전 그리드(각 타일은 사진 없이 색면·아이콘·패턴), 하트·말풍선·별 아이콘이 박자마다 폭발, 카메라가 폰 주위를 궤도로 돎, 스토리 링이 무지개로 돌며 줌 스루, 결말 「@우리가게」(예시 계정명)·「팔로우하고 소식 받아요」. 플랫폼 로고·상표 금지, 일반 아이콘만. 팔레트 코랄·라벤더·크림 + 화이트 글라스. 음악은 새 곡 약 124BPM G장조 버블리 팝 하우스(탭·알림 효과음 리듬, 강한 킥).

[1차 장면 시트 검토 후 메인 작업 세션의 의견 요약]
합격, 렌더 단계 진행. 마지막 정지 화면의 폰을 0.5배에서 「@우리가게」와 겹치지 않는 범위로 0.6~0.65배쯤 키우기. 밝은 배경 위 흰 「@우리가게」가 휴대폰 크기에서도 또렷한지 확인하고 필요하면 측면 두께·그림자 대비를 올리기.

[이번 제작에 적용한 구체화 브리프]
124BPM(1박 0.484초) 기준, 착지 2박(0.97초), 타일 폭발 8박(3.87초), 회전 12박(5.81초), 피드 벽 16박(7.74초), 스토리 링 다이브 20박(9.68초), 계정 이름 등장 22박(10.65초), 팔로우 탭 24박(11.61초). 팔레트: 라벤더 #8D78EA~#B7A2FF, 코랄 #FF7A6B·#E2504A, 크림 #FFF4E4, 피치 #FFC7B0, 플럼 #34205C, 골드 #FFD36E, 민트 #A8ECD6 포인트, 흰 유리. 글꼴: Noto Sans KR(한글), Montserrat(영문 장식). 예시 문구(바꿔 쓰는 가상 예시, 실제 계정·알림 아님): @우리가게, 우리 가게, 예시 계정 · 새 소식을 전해요, 팔로우, 메시지, 게시물·팔로워·팔로잉(숫자 자리는 색 막대), NEW, 새 좋아요 / 게시물을 좋아해요, 새 팔로워 / 회원님을 팔로우해요, 새 댓글 / 게시물에 댓글이 달렸어요, FOLLOW ME!, FOLLOW US, 팔로우하고 소식 받아요, + 팔로우, 좋아요, 댓글, 저장.
- 0~0.97초: 비눗방울·하트·별·말풍선(3D 패럴랙스), 회전 광선, 흰 그리드 바닥, 뒤쪽 외곽선 글자 FOLLOW ME!. 유리 폰(11겹 크롬 두께, 코랄·라벤더 뒷면과 카메라)이 두 바퀴 반 돌며 날아오고 카메라 궤도. 0.97초 착지: 폰 출렁임, 바닥 충격파 고리 2개, 하트·방울 폭발, 카메라 흔들림.
- 1.09초 화면이 프로필 자리부터 원형으로 켜짐, 반사 스윕. 1.21초 무지개 스토리 링·이니셜 원 팝, 1.45초 버튼, 1.57초 하이라이트 5개.
- 1.69~3.63초: 피드 타일 9장(색면·아이콘·패턴, 사진 없음)이 8분음표마다 채워짐, 카메라 푸시인. 3.15·3.27초 더블 탭과 큰 하트.
- 3.87초: 타일 9장이 텀블링하며 화면 밖으로 튀어나와 반지름 640px 기울어진 3D 고리로 폰 주위를 회전(폰 앞뒤로 교차), 카메라 후퇴·기울기, 무지개·흰 충격파, 하트·말풍선·별·방울·색종이 폭발 110개.
- 4.35·4.84·5.32·6.29·6.77·7.26초: 9겹 입체 하트·말풍선·별 아이콘 팝과 충격파·색종이. 카메라 궤도 회전.
- 5.81초: 폰 360° 회전(뒷면 카메라 노출), 카메라 롤, 속도선.
- 7.74초: 타일이 뒤집히며 폰 뒤 3×3 피드 벽으로, 7.98·8.47·8.95초 알림 카드 3장이 차곡차곡 쌓임, 오른쪽 라이브 하트 26개.
- 9.19초 카메라가 프로필 원에 맞춰 이동·스토리 링 가속, 9.68초 카메라가 링 속으로 다이브(피드 벽 타일이 카메라 쪽으로 흩어지며 사라짐), 무지개 링 터널 9개, 9.97초 무지개 원 아이리스로 결말 화면.
- 10.0~12.4초: 피드가 채워진 폰(0.63배)이 날아와 자리 잡고, 주변 3D 타일 6장·입체 하트·말풍선·별. 10.65초 「@우리가게」(20겹 입체, 크림 면·코랄→플럼 측면) 쾅, FOLLOW US, 「팔로우하고 소식 받아요」 크림 알약, 「+ 팔로우」 코랄 버튼, 좋아요·댓글·저장 칩. 11.61초 손가락 탭: 버튼 눌림, 무지개·흰 충격파, 하트 폭발, 글자 하이라이트 스윕. 약 12.4초 이후 완전 정지.
음악: 새 곡 124BPM G장조 버블리 팝 하우스. 인트로 소용돌이 바람·물방울 아르페지오·필터 패드, 0.97초 임팩트·유리 '챙'·크래시·물방울 폭발, 화면 켜짐 두 음 알림, 프로필 '퐁', 버튼·하이라이트 블립, 타일마다 G 펜타토닉으로 오르는 마림바 탭, 가벼운 그루브(킥·하이햇·필터 베이스), 더블 탭 클릭과 하트 '뾰잉', 스네어 롤·라이저와 3.75~3.87초 짧은 정적. 드롭: 임팩트·크래시·물방울 폭발·코드 스탭, 그루브(4온더플로어, 2·4박 클랩, 오프비트 오픈햇, 16분 셰이커, 옥타브 베이스, 오프비트 하우스 스탭, 버블리 펄스 리드 훅) G–D–Em–C. 아이콘 팝(하트 종소리, 말풍선 뽁뽁, 별 차임), 회전 탐 필·휘시, 피드 벽 크래시, 알림 마림바 차임, 라이브 하트 물방울, 롤·라이저·시머, 다이브 터널 휘시·리버스 크래시·임팩트, 10.40~10.65초 정적, 10.65초 임팩트·킥·Gmaj9 스탭, 11.61초 탭 클릭·성공 아르페지오·최종 타격과 Gmaj9 여운. 시드 20261017, 외부 음원·루프·보컬 없음. FFmpeg volume -1.4dB + alimiter(limit 0.85)로 약 -14 LUFS.
기술: Claude Code + HyperFrames 0.8.149(HTML/CSS 3D + GSAP 타임라인 하나, 타일 경로는 시간 함수로 매 프레임 계산, 시드 고정 의사난수로 결정적), Python+NumPy 음악 합성, FFmpeg 리미터·검사.
이 브리프는 영상·음악 코드를 작성하는 데 적용한 지시이며, 별도의 AI 동영상·이미지 생성 모델에 보낸 입력이 아님.

[제작 중 수정]
첫 스냅샷에서 착지 순간 화면 위 충격파 고리가 홈 버튼처럼 보여 지우고, 바닥 고리를 폰 바로 아래로 옮김. 스토리 링 다이브가 너무 늦어 링 속으로 들어가는 느낌이 약해 다이브를 빠르게 함. 마지막 화면의 하트·별·꽃 타일이 「@우리가게」 글자와 겹쳐 자리를 옮김. 검토 의견에 따라 마지막 폰을 0.63배로 키우고 문구 블록을 조금 아래로 내렸으며, 계정 이름의 입체 두께(16겹→20겹)와 측면 색·그림자 대비를 올림. 첫 렌더본 검사에서 다이브 중 짙은 타일이 화면을 가렸다가 한 프레임에 사라지며 밝기가 크게 튀어(인접 프레임 평균 밝기 변화 41.8/255), 흩어지는 타일이 더 일찍 투명해지고 덜 다가오게 고친 뒤 다시 렌더링함.

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