얻을 수 있는 것
- 30fps MP4 스팅 10~13초. 정사각형, 세로, 가로 중 선택
- 모든 장면을 편집할 수 있는 단일 파일 HyperFrames 프로젝트
- 모든 컷의 방향을 기록한 이음새 목록
- 슬롯, 브랜드 토큰, 권리, 측정 수치를 정리한 인수인계 문서
- 선택: PopNow 배경음악, 소셜 기준 음량에 맞춰 믹싱
이럴 때 좋아요
- 출시일 소셜 게시물과 반복 재생 영상
- 발표 전 행사 화면과 범퍼 영상
- 긴 제품 영상의 첫 몇 초
이럴 때는 맞지 않아요
- 제품 작동 방식 설명. 논쟁을 담을 여지가 없습니다
- 보여 줄 화면, 내비게이션, 만들기 버튼이 없는 제품
- 촬영 영상 기반 또는 실사 프로모
사용 방법
Claude·ChatGPT에서
PopNow 스킬 사용: “모바일 앱 프로모 영상”(app-promo-sting). 할 일: 메모 앱의 정사각형 12초 스팅을 만들어 주세요. 로그인, '이번 주 저장된 아이디어 1,284', 사이드바, 회의 노트 만들기를 담아 주세요.
코딩 에이전트에서
/popnow-app-promo-sting 메모 앱의 정사각형 12초 스팅을 만들어 주세요. 로그인, '이번 주 저장된 아이디어 1,284', 사이드바, 회의 노트 만들기를 담아 주세요.
이어서 해 보기
컨퍼런스 화면용으로 16:9 가로 버전도 만들어 주세요.
마지막 화면에서 맞아떨어지는 배경음악을 넣어 주세요. 먼저 크레딧을 알려 주세요.
미리 준비할 것
- 내 로고(가능하면 두 부분으로 나뉜 것)와 색 네 개
- 로그인, 핵심 숫자, 내비게이션, 액션 하나의 화면
- Node.js 22 이상, FFmpeg. 음악용 PopNow API 키는 선택 사항
비슷한 스킬
전체 보기 →에이전트 크루 런치 영상
+3따뜻한 점무늬 종이 위의 반짝이는 도우미 캐릭터, 실제 휴대폰 작업 장면, 새 도우미를 깨우는 스킬.
AI 챗봇 데모 영상
+3어두운 채팅 앱 안의 내레이션 데모. 연동을 켜고, 질문하고, 결과와 카운트업을 보여 줍니다.
에이전틱 제품 런치 필름
+3제품의 실제 사이트와 인터페이스로 만든, 키노트처럼 차분한 런치 필름. 박자에 맞춰 편집합니다.
애니메이션 체크리스트 제품 데모
+3휴대폰 화면 옆의 종이 메모 체크리스트. 화면에서 각 단계가 일어나는 순간 칸에 체크 표시가 찍힙니다.
ASCII 글리치 홍보 필름
+3글리프 셀 ASCII 프레임, 추적 박스, 도트 매트릭스 글자가 로고에 맞춰 0.1초마다 바뀌는 영상.
비포·애프터 비교 런치 영상
+3거의 검은 캔버스, 모노스페이스 파일 이름, 전기 같은 강조색 하나. 내 콘텐츠를 먼저 정지된 페이지로, 그다음 영상으로 보여 줍니다.
블루프린트 사양 홍보 영상
+3거의 검은 사양서 위에 그려지는 주장. 테두리 도형, 빗금, 지시선, 표제란이 있습니다.
변경 기록 설명 영상
+3차이(diff)를 읽지 않을 사람들을 위해 실제 풀 리퀘스트를 30초짜리 필름으로 바꿉니다.
하나의 대화 스레드 런치 영상
+3따뜻한 종이 위의 채팅 창 하나가 한 번도 초기화되지 않습니다. 기다림을 묻고, 해결을 요청하고, 실행되는 모습을 봅니다.
시네마틱 다크 UI 티저
+3검은 공간에 떠 있는 내 UI. 미끄러지는 카메라, 한 줄로 날카롭게 맞춘 초점, 타이핑된 명령, 빛나는 이름.
개발 도구 런치 릴
+3네 곳에 똑같이 타이핑된 프롬프트, 실제 결과를 박자에 맞춰 자른 릴, 그리고 마지막 설치 명령.
기기 목업이 있는 SaaS 제품 영상
+3어두운 스튜디오에 놓인 중립적인 기기 위의 실제 앱 화면. 그다음 실제 동작 하나와 밝은 공개 장면.
따뜻한 종이 에디토리얼 런치 영상
+3따뜻한 종이 위의 대형 활자, 장면마다 강조 하나, 들어 올린 제품 카드, 잉크 검정으로의 전환.
불만에서 기능으로 이어지는 런치 영상
+3사용자들이 계속 올리는 불만으로 시작해, 새 기능이 그 불만을 거짓으로 만든다는 것을 증명합니다.
재미있는 문제 해결 영상
+3작은 짜증이 개그로 펼쳐지고, 정중한 요청이 쌓이다가, 주황색 알약 하나가 해결책이 됩니다.
하프톤 캔버스 런치 영상
+3살아 있는 점 캔버스 하나 위의 런치 필름. 모든 텍스트 줄보다 한 박자 먼저 움직입니다.
손그림 인포그래픽 영상
+3긴 포스터 하나에 펜으로 그린 패널들. 카메라가 그려진 경로를 따라가다가 전체 시트까지 뒤로 물러납니다.
HyperFrames용 AI 에셋
+3HyperFrames 영상용 히어로 이미지, B롤, 배경음악, 내레이션. 먼저 견적을 내고 assets/에 정리합니다.
제품 런치 필름
+3URL이나 README로 만드는 20~40초 런치 영상. 바로 게시할 수 있는 문구와 세 가지 화면 비율을 제공합니다.
리퀴드 로고 등장 스팅
+3유리 같은 구슬이 내 마크를 알아볼 수 없는 상태로 품고 있다가 터지면서, 선명한 로고 락업을 남깁니다.
멀티 스타일 키노트 런치 영상
+3각 기능이 자기만의 세계를 갖습니다. 파란 차트, 크림색 세리프 페이지, 어두운 빛의 장, 포스터 격자.
다국어 런치 영상
+3고정된 제품 이름 옆에서 언어가 하나씩 굴러 들어옵니다. 각 언어는 제 문자로, 목소리와 자막을 갖춥니다.
내레이션 설명 영상
+3목소리와 단어에 맞춘 자막이 있는 45~120초 설명 영상. 콜라주, 화이트보드, 데이터 스타일 중 고를 수 있습니다.
종이 오리기 과학 애니메이션
+3그림자 상자 속 종이 층, 오려 낸 종이 해와 달, 줄에 매달려 흔들리는 라벨. 과학 개념 하나를 내레이션으로 설명합니다.
파트너십 발표 영상
+3테두리 있는 창 안의 발표자, 카드 하나에 놓인 두 로고, 타이핑되는 3단계 설정, 목소리에 맞춰 굴러 들어오는 동사.
픽셀 아트 홍보 영상
+3내 링크, 피치, 이야기로 한 프레임씩 그린 레트로 픽셀 아트 필름 형태의 제품 홍보.
봉제 인형 캐릭터 런치 영상
+3펠트 인형 캐릭터들이 커서를 타고 다니며 팀 편집기 안에서 홍보 영상을 실시간으로 만듭니다. 모든 컷이 박자에 맞습니다.
무음에서 소리로 공개하는 홍보 영상
+3완전한 침묵 속에서 버튼이 세 번 눌리고, 같은 장면이 소리와 함께 다시 나오며, 마지막에는 음악이 더해집니다.
정사각형 UI 모프 홍보
+3따뜻한 종이 위에서 버튼이 프롬프트 카드로 늘어나고, 화면이 축소되어 세션의 벽을 보여 줍니다.
종이 그림책 애니메이션
+3움직이는 그림책. 펠트와 점토로 오린 조각, 겹겹이 쌓인 종이 언덕, 하나씩 튀어나오는 글자.
고객 후기 영상 메이커
+3따뜻한 줄 종이 위, 인물 사진 판과 솟아오른 인용 카드, 청록색 강조 하나, 고객마다 차분한 크로스페이드.
인물 뒤 텍스트 제목
+3카메라 속 인물 뒤에서 거대한 헤드라인이 튀어나오고, 깔끔한 컷 뒤에는 같은 글자가 프레임을 차지합니다.
재질 텍스처 타이포 홍보
+3테라조, 벽돌, 강철로 잘라 낸 헤드라인 글자. 따뜻한 무드보드 위에서 3프레임마다 표면이 바뀝니다.
화이트보드 애니메이션 영상
+3마커 펜이 하나의 보드에 수업 전체를 그리고, 잘못된 상식을 지운 뒤, 완성된 보드까지 뒤로 물러납니다.
자주 묻는 질문
AI 영상 모델로 만든 영상인가요?
아니요. 모든 프레임은 에이전트가 쓴 HTML, CSS, SVG, GSAP 코드를 HyperFrames가 MP4로 렌더링한 것입니다. 그래서 글자가 선명하고 화면은 실제 제품 화면입니다. PopNow는 선택 사항인 음악이나 배경에만 쓰입니다.
컷이 자연스럽게 이어지는 이유는 무엇인가요?
코드가 생기기 전에 이음새 목록에서 각 컷을 계획하기 때문입니다. 나가는 장면은 프레임이 바뀔 때 여전히 움직이고 있으며, 다음 장면은 같은 축과 방향으로 이미 움직이면서 들어옵니다. 두 장면은 같은 이징 곡선 한 쌍을 공유합니다.
나중에 브랜드를 바꿀 수 있나요?
네. 슬롯, 문구, 색 토큰 네 개는 데이터입니다. 스킬은 프레임 계획과 이징을 유지하며, 장면 시간을 바꾸면 이음새 목록이 다시 확인해야 할 이음새를 알려 줍니다.
무엇을 설치해야 하나요?
Node.js 22 이상과 FFmpeg입니다. HyperFrames는 npx로 실행되고, 함께 쓰는 에이전트 스킬은 명령 하나씩으로 설치됩니다. 패키지에 방법과 대체 규칙이 들어 있습니다.

