你會得到
- 1920x1080、30 fps、24 到 32 秒的 MP4
- 一個內容物件,搭配兩個互不相依的渲染器
- 兩種渲染使用相同輸入的檢查,加上文案與時間規則
- 供核可的分鏡、接縫紀錄與接觸表
- 可選:PopNow 的背景音樂、滴答聲與暗色光暈底圖
適合
- 把頁面、文件或規格轉換成另一種媒介的工具
- 以展示來說服的開發者與基礎設施上線
- 說明為什麼舊格式不適合新媒介
不適合
- 新增功能而非轉換格式的產品
- 舊結果只是稍差的比較
- 任何提及或嘲諷競爭對手的影片
怎麼用
在 Claude 或 ChatGPT 裡
用 PopNow 的技能「前後對比上線影片」(before-after-comparison-video)幫我做這件事:我們的工具能把 launch.html 頁面轉成 launch.film。請使用 ./site/index.html 的內容,並在不點名任何人的情況下說明這個主張。
在程式 Agent 裡
/popnow-before-after-comparison-video 我們的工具能把 launch.html 頁面轉成 launch.film。請使用 ./site/index.html 的內容,並在不點名任何人的情況下說明這個主張。
接著試試
渲染影片前,先把兩種渲染的畫格並排給我看。
報價一段在舊版渲染時靜音的背景音樂,再加上滴答聲。
需要準備
- 兩種格式的名稱,以及舊格式擅長的四件事
- 你的真實內容:標題、支援文字、功能與一個數字
- 你的品牌色,或一份 DESIGN.md
- Node.js 22+ 與 FFmpeg
類似技能
查看全部 →Agent 團隊上線影片
+3暖色點點紙上的亮面角色,搭配即時手機操作與一個孵化出新助手的技能。
AI 聊天機器人示範影片
+3深色聊天應用裡的旁白示範:開啟你的整合、提問、取得結果與數字跳動。
Agent 產品上線短片
+3依產品真實網站與介面製作的沉穩發表會風格上線短片,依節拍剪輯。
動態清單產品示範
+3紙條清單旁邊放一支手機畫面;每個方框都在畫面上的那一刻被勾選。
手機應用程式宣傳影片
+310 到 13 秒的應用程式宣傳,七個產品節拍連成一次鏡頭移動,以 HTML 與 GSAP 寫成。
ASCII 故障風宣傳短片
+3字元格的 ASCII 畫格、追蹤方框與點陣文字,每十分之一秒跟著你的標誌切換。
藍圖規格宣傳影片
+3你的主張畫在近黑的規格圖上:框起來的圖形、斜線網紋、引線與標題欄。
更新紀錄說明影片
+3把一個真實的 Pull Request 變成 30 秒的短片,給永遠不會讀 diff 的人看。
單一對話串上線影片
+3暖色紙張上的一個聊天視窗,從不重置:問等待的問題、要修正的方法,然後看它執行。
電影感深色介面預告
+3你的介面漂浮在黑色虛空中:鏡頭滑行、一道銳利的焦點帶、打出的指令,以及發光的名稱。
開發者工具上線集錦
+3同一句提示詞在四個地方打出,接著是跟著節拍剪的真實結果集錦,最後是你的安裝指令。
裝置樣機 SaaS 產品影片
+3你的真實應用程式畫面放在深色攝影棚的中性裝置上,接著一個即時操作,最後是明亮的揭露。
暖紙編輯風上線影片
+3暖色紙張上的超大字體,每個畫格只有一個重點色,搭配浮起的產品卡片與墨黑的轉場。
從客訴到功能的上線影片
+3開場是你的用戶不斷發佈的抱怨,接著證明新功能讓它不再成立。
搞笑問題與解法影片
+3一個小小的煩惱被演成笑點,禮貌的請求一再堆疊,接著一顆橘色膠囊成為解方。
網點畫布上線影片
+3一整支影片都在同一塊活的網點畫布上,它總是比每一行文字早一拍動起來。
手繪資訊圖影片
+3一張長海報上的麥克筆方框,攝影機沿著手繪路線移動,最後拉遠看到整張圖。
HyperFrames AI 素材
+3為 HyperFrames 影片生成首屏圖、B-roll、配樂與旁白,先報價,並存入 assets/。
產品上線影片
+3從你的網址或 README 做出 20 到 40 秒的上線影片,附可直接發佈的文案與三種比例。
液態標誌揭露片頭
+3玻璃質感的水珠裡包著你的標誌,無法辨識,接著爆開,留下清晰的組合標誌。
多風格發表會上線影片
+3每項功能各有自己的世界:藍色圖表、奶油色襯線頁、深色光場與海報格。
多語言上線影片
+3產品名稱保持不動,每種語言以自己的文字捲入,並配上聲音與字幕。
旁白說明影片
+345 到 120 秒的說明影片,附語音與字詞同步字幕,可選拼貼、白板或數據風格。
剪紙科學動畫
+3疊層剪紙的影箱、剪紙太陽與月亮、吊在線上的標籤:一個科學概念,附旁白。
合作宣布影片
+324 到 40 秒的雙方聯合宣布:主持人在有邊框的視窗中,兩個標誌在同一張卡片上,輸入的三步設定,動詞依口語節奏依序滾入。
像素風宣傳影片
+3從你的連結、提案或故事逐格繪製的復古像素風宣傳短片。
絨毛角色上線影片
+3毛氈絨毛角色騎著游標,在團隊編輯器中即時組出你的宣傳片,每個切點都落在節拍上。
從無聲到有聲的揭露宣傳
+3一個按鈕在完全的寂靜中被按三次,接著同一個鏡頭再播一次有聲,然後再加上音樂。
方形介面變形宣傳
+3暖紙上的一顆按鈕伸展成提示卡,接著畫面拉遠,呈現一面會話牆。
紙雕繪本動畫
+3會動的繪本:毛氈與黏土剪紙、疊層紙山丘,以及一個接一個跳出的文字。
客戶見證影片產生器
+3暖色格線紙上,肖像板搭配浮起的引言卡,每位客戶一組青綠色強調,以平靜的交叉淡化切換。
人物後方文字標題
+3一個巨大的標題在鏡頭中的人物後方猛然出現,接著在乾淨的切換後接管整個畫面。
材質文字宣傳影片
+3標題字母以水磨石、磚塊與鋼鐵鑿出,每三格換一種表面,背景是溫暖的情緒板。
白板動畫影片
+3一支麥克筆在同一塊白板上畫出整堂課,擦掉迷思,接著拉遠看到完成的白板。
常見問題
怎麼確保比較是公平的?
兩種渲染都只讀同一個內容物件,別無其他。檢查腳本會讀取渲染器程式碼,若它們使用不同欄位或自行撰寫文案就會失敗;而舊版渲染必須是你願意發佈的版本。
為什麼舊版渲染只是靜靜地待著?
那份靜止本身就是論點:頁面與時間無關。它會先落定,然後至少停留 2.4 秒,沒有動作、沒有光暈,音樂也幾乎沒有。
可以拿我們跟競爭對手比較嗎?
不行。影片反對的是一種格式,寫成檔名,而不是針對某一家公司。要求點名或展示競爭對手的請求會被拒絕。
PopNow 會加入什麼?
選用的背景音樂(在舊版渲染下退出)、無聲切換後的滴答聲與重擊,以及新格式背後的暗色光暈底圖。兩種渲染仍然都是程式碼。

