얻을 수 있는 것
- 1080p, 30fps, 7초 MP4를 위한 준비된 HyperFrames 프로젝트와 렌더링 명령
- 녹화 화면의 실제 동작 시점에 맞춘 체크 표시
- 레이아웃과 타이밍이 같은 네 가지 팔레트
- 초안용으로 함께 제공되는 예시 휴대폰 화면
- 선택: PopNow 단계별 음성, 배경음, 초안 화면 이미지
이럴 때 좋아요
- 앱 튜토리얼과 온보딩 단계
- 크리에이터 영상 속 세 단계짜리 사용법 구간
- 각 단계가 눈에 보이게 끝나야 하는 짧은 제품 데모
이럴 때는 맞지 않아요
- 네 단계를 넘는 경우. 미디어는 6.8초까지 실행됩니다
- 긴 화면 시연. 휴대폰 프레임에 맞지 않는 데스크톱 전용 화면
- 휴대폰 프레임에 들어가지 않는 가로형 화면
사용 방법
Claude·ChatGPT에서
PopNow 스킬 사용: “애니메이션 체크리스트 제품 데모”(animated-checklist-demo). 할 일: 온보딩용 체크리스트 영상을 만들어 주세요. '노트북 만들기' 1.2초, '태그 추가' 2.9초, '팀원 초대' 4.6초, 화면은 ./onboarding.mp4입니다.
코딩 에이전트에서
/popnow-animated-checklist-demo 온보딩용 체크리스트 영상을 만들어 주세요. '노트북 만들기' 1.2초, '태그 추가' 2.9초, '팀원 초대' 4.6초, 화면은 ./onboarding.mp4입니다.
이어서 해 보기
비교할 수 있게 차콜과 라임 스타일도 렌더링해 주세요.
단계마다 짧은 음성을 넣어 주세요. 먼저 견적부터 알려 주세요.
미리 준비할 것
- 짧은 작업 라벨 최대 4개
- 화면 녹화 또는 스크린샷, 그리고 각 단계가 일어나는 초
- Node.js 22 이상, FFmpeg. PopNow API 키는 선택 사항
비슷한 스킬
전체 보기 →에이전트 크루 런치 영상
+3따뜻한 점무늬 종이 위의 반짝이는 도우미 캐릭터, 실제 휴대폰 작업 장면, 새 도우미를 깨우는 스킬.
AI 챗봇 데모 영상
+3어두운 채팅 앱 안의 내레이션 데모. 연동을 켜고, 질문하고, 결과와 카운트업을 보여 줍니다.
에이전틱 제품 런치 필름
+3제품의 실제 사이트와 인터페이스로 만든, 키노트처럼 차분한 런치 필름. 박자에 맞춰 편집합니다.
모바일 앱 프로모 영상
+310~13초 앱 프로모. 일곱 개의 제품 장면이 하나의 카메라 움직임으로 이어지며, HTML과 GSAP으로 만듭니다.
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마커 펜이 하나의 보드에 수업 전체를 그리고, 잘못된 상식을 지운 뒤, 완성된 보드까지 뒤로 물러납니다.
자주 묻는 질문
체크 표시는 화면 녹화와 어떻게 맞추나요?
각 작업에는 초 단위의 at 값이 있습니다. 녹화에서 해당 동작이 일어나는 순간으로 맞추면, 체크 획과 칸 채우기가 그 프레임에서 정확히 시작됩니다.
녹화 대신 스크린샷을 쓸 수 있나요?
네. 정지 이미지도 되지만, 그러면 체크 표시는 시연용 타이밍만 보여 줍니다. 스킬은 실제 녹화된 상호작용이 있는 것처럼 꾸미지 않고 그렇다고 밝힙니다.
기본 휴대폰 화면은 무엇인가요?
패키지에 들어 있는 메모 앱 화면 예시입니다. 자산 없이도 초안을 렌더링할 수 있습니다. 실제 데모에는 내 제품 화면으로 바꾸세요.
내레이션을 넣을 수 있나요?
네. PopNow가 단계마다 짧은 한 문장을 체크 직전에 맞춰 녹음하고, 그 아래에 잔잔한 배경음을 낮춰 깔 수 있습니다. 생성 전에 크레딧 가격을 먼저 볼 수 있습니다.