얻을 수 있는 것
- 1920x1080, 30fps MP4 20~30초
- 모든 비트가 하나의 캔버스 컴포넌트를 공유하는 HyperFrames 프로젝트
- 캔버스 열과 이음새 목록이 있는 스토리보드
- 문구, 캔버스 설정, 증명 자료가 담긴 인수인계 문서
- 선택: PopNow 배경음과 효과음
이럴 때 좋아요
- 편집기, 검사기, 설정 패널 출시
- 직접적이고 정확한 조작이 핵심인 제품
- 디자이너와 개발자를 위한 차분하고 기술적인 출시 게시물
이럴 때는 맞지 않아요
- 따뜻하거나 사람 중심이거나 이야기 중심인 출시
- 등장인물, 영상 자료, 내레이터가 필요한 필름
- 조작 장치의 실제 캡처가 없는 제품
사용 방법
Claude·ChatGPT에서
PopNow 스킬 사용: “하프톤 캔버스 런치 영상”(halftone-launch-video). 할 일: 곡선 편집기의 런치 필름입니다. 요청은 ./asks.txt의 지원 로그에서 가져오고, 증명은 ./captures/curve-drag.mp4입니다.
코딩 에이전트에서
/popnow-halftone-launch-video 곡선 편집기의 런치 필름입니다. 요청은 ./asks.txt의 지원 로그에서 가져오고, 증명은 ./captures/curve-drag.mp4입니다.
이어서 해 보기
증명 장면 동안 점 필드를 더 따뜻하게 만들고, 가장 어두운 프레임에서 대비를 확인해 주세요.
소방호스 장면 아래에서 올라가는 차분한 연주곡 견적을 알려 주세요.
미리 준비할 것
- 제품이 제공하는 조작 장치 하나와 그 실제 증명
- 사용자가 실제로 입력하는 짧은 요청 여섯에서 열 개
- 짙은 캔버스 색, 점 색 하나나 둘, 따뜻한 글자 색
- Node.js 22 이상, FFmpeg
비슷한 스킬
전체 보기 →에이전트 크루 런치 영상
+3따뜻한 점무늬 종이 위의 반짝이는 도우미 캐릭터, 실제 휴대폰 작업 장면, 새 도우미를 깨우는 스킬.
AI 챗봇 데모 영상
+3어두운 채팅 앱 안의 내레이션 데모. 연동을 켜고, 질문하고, 결과와 카운트업을 보여 줍니다.
에이전틱 제품 런치 필름
+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긴 포스터 하나에 펜으로 그린 패널들. 카메라가 그려진 경로를 따라가다가 전체 시트까지 뒤로 물러납니다.
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마커 펜이 하나의 보드에 수업 전체를 그리고, 잘못된 상식을 지운 뒤, 완성된 보드까지 뒤로 물러납니다.
자주 묻는 질문
배경이 텍스트보다 먼저 움직이는 이유는 무엇인가요?
이음새마다 캔버스가 약 0.1초 먼저 움직이면 시선이 먼저 이동하고, 필름이 하나의 표면을 조종하는 것처럼 읽히기 때문입니다. 텍스트가 먼저 움직이면 바쁜 배경 위에 슬라이드를 얹은 것처럼 보입니다.
점 무늬는 이미지인가요, 영상인가요?
둘 다 아닙니다. 아주 큰 요소 하나에 있는 두 개의 CSS 방사형 그라데이션 층이며, 변환과 배경 불투명도로만 움직입니다. 그래서 선명하게 유지되고 매번 같게 렌더링됩니다.
PopNow가 이 필름의 영상 자료를 만들 수 있나요?
아니요. 캔버스가 주인공이며 모든 프레임에 나오므로, 스킬은 선택 사항인 배경음과 효과음에만 PopNow를 씁니다. 무엇이든 쓰기 전에 견적을 보여 줍니다.
인터페이스 목업만 있다면요?
스킬은 증명 비트에 쓸 실제 캡처나 내 인터페이스를 다시 만든 것을 요청합니다. 일반적인 목업으로 정밀함에 관한 필름을 만들면 정밀해 보이지 않으며, 스킬이 그렇다고 알려 줍니다.