얻을 수 있는 것
- 1920x1080, 30fps MP4 24~32초
- 독립적인 렌더러 두 개가 쓰는 콘텐츠 객체 하나
- 두 렌더링의 같은 입력 점검, 그리고 문구와 타이밍 규칙
- 승인용 스토리보드, 이음새 목록, 콘택트 시트
- 선택: PopNow 배경음, 틱 소리, 어두운 빛 배경
이럴 때 좋아요
- 페이지, 문서, 사양서를 다른 매체로 바꾸는 도구
- 보여 줌으로써 주장하는 개발자·인프라 출시
- 옛 형식이 새 매체에 왜 잘 맞지 않는지 설명할 때
이럴 때는 맞지 않아요
- 기능을 더하는 제품. 번역하는 제품이 아닙니다
- 옛 결과가 조금만 나쁜 비교
- 경쟁사를 언급하거나 놀리는 모든 영상
사용 방법
Claude·ChatGPT에서
PopNow 스킬 사용: “비포·애프터 비교 런치 영상”(before-after-comparison-video). 할 일: 우리 도구는 launch.html 페이지를 launch.film으로 바꿉니다. ./site/index.html의 콘텐츠를 쓰고, 누구도 이름을 대지 않으면서 주장해 주세요.
코딩 에이전트에서
/popnow-before-after-comparison-video 우리 도구는 launch.html 페이지를 launch.film으로 바꿉니다. ./site/index.html의 콘텐츠를 쓰고, 누구도 이름을 대지 않으면서 주장해 주세요.
이어서 해 보기
필름을 렌더링하기 전에 두 렌더링의 프레임을 나란히 보여 주세요.
옛 렌더링 동안에는 무음이 되는 배경음과 틱 소리를 견적 내 주세요.
미리 준비할 것
- 두 형식의 이름과, 옛 형식이 잘하는 네 가지
- 실제 콘텐츠: 헤드라인, 보조 문장, 기능, 수치 하나
- 브랜드 색, 또는 DESIGN.md
- Node.js 22 이상, FFmpeg
비슷한 스킬
전체 보기 →에이전트 크루 런치 영상
+3따뜻한 점무늬 종이 위의 반짝이는 도우미 캐릭터, 실제 휴대폰 작업 장면, 새 도우미를 깨우는 스킬.
AI 챗봇 데모 영상
+3어두운 채팅 앱 안의 내레이션 데모. 연동을 켜고, 질문하고, 결과와 카운트업을 보여 줍니다.
에이전틱 제품 런치 필름
+3제품의 실제 사이트와 인터페이스로 만든, 키노트처럼 차분한 런치 필름. 박자에 맞춰 편집합니다.
애니메이션 체크리스트 제품 데모
+3휴대폰 화면 옆의 종이 메모 체크리스트. 화면에서 각 단계가 일어나는 순간 칸에 체크 표시가 찍힙니다.
모바일 앱 프로모 영상
+310~13초 앱 프로모. 일곱 개의 제품 장면이 하나의 카메라 움직임으로 이어지며, HTML과 GSAP으로 만듭니다.
ASCII 글리치 홍보 필름
+3글리프 셀 ASCII 프레임, 추적 박스, 도트 매트릭스 글자가 로고에 맞춰 0.1초마다 바뀌는 영상.
블루프린트 사양 홍보 영상
+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마커 펜이 하나의 보드에 수업 전체를 그리고, 잘못된 상식을 지운 뒤, 완성된 보드까지 뒤로 물러납니다.
자주 묻는 질문
비교를 어떻게 공정하게 유지하나요?
두 렌더링은 하나의 콘텐츠 객체만 읽고 다른 것은 읽지 않습니다. 점검 스크립트가 렌더러 코드를 읽어 서로 다른 필드를 쓰거나 자체 문구를 넣으면 실패하며, 옛 렌더링도 실제로 배포할 만한 결과여야 합니다.
옛 렌더링은 왜 그냥 가만히 있나요?
그 정지 자체가 주장이기 때문입니다. 페이지는 시간과 아무 관계가 없습니다. 페이지가 자리 잡은 뒤 움직임, 빛, 음악 없이 최소 2.4초 동안 머뭅니다.
우리를 경쟁사와 비교할 수 있나요?
아니요. 이 필름은 회사가 아니라 형식을 반대합니다. 형식은 파일 이름으로 적습니다. 경쟁사를 이름 대거나 보여 달라는 요청은 거절합니다.
PopNow가 추가하는 것은 무엇인가요?
옛 렌더링 아래에서 빠지는 선택 사항 배경음, 무음 컷에서 나오는 틱 소리와 타격음, 새 형식 뒤의 어두운 빛 배경입니다. 두 렌더링 모두 코드로 남습니다.

