你會得到
- 1920x1080、30 fps、20 到 30 秒的 MP4
- 每個節拍都共用同一個畫布元件的 HyperFrames 專案
- 附畫布欄位與接縫紀錄的分鏡
- 交付說明,包含文案、畫布設定與證明素材
- 可選:PopNow 的背景音樂與音效
適合
- 上線編輯器、檢視器或設定面板
- 主打精準直接掌控的產品
- 針對設計師與開發者、沉靜而技術感的上線貼文
不適合
- 溫暖、重人情或以故事驅動的上線
- 需要角色、實拍片段或旁白的影片
- 沒有該控制項真實錄影的產品
怎麼用
在 Claude 或 ChatGPT 裡
用 PopNow 的技能「網點畫布上線影片」(halftone-launch-video)幫我做這件事:為我們的曲線編輯器做上線影片。請求來自 ./asks.txt 的客服紀錄,證明素材是 ./captures/curve-drag.mp4。
在程式 Agent 裡
/popnow-halftone-launch-video 為我們的曲線編輯器做上線影片。請求來自 ./asks.txt 的客服紀錄,證明素材是 ./captures/curve-drag.mp4。
接著試試
證明段落時讓網點場更暖,並檢查最暗畫格的對比。
報價一段沉靜的純音樂,在水管式的快速段落時拉高。
需要準備
- 產品提供的那一個控制項,以及它真實的證明
- 使用者實際會輸入的六到十句簡短請求
- 深色的畫布顏色、一到兩種網點色相與暖色的文字色
- Node.js 22+ 與 FFmpeg
類似技能
查看全部 →Agent 團隊上線影片
+3暖色點點紙上的亮面角色,搭配即時手機操作與一個孵化出新助手的技能。
AI 聊天機器人示範影片
+3深色聊天應用裡的旁白示範:開啟你的整合、提問、取得結果與數字跳動。
Agent 產品上線短片
+3依產品真實網站與介面製作的沉穩發表會風格上線短片,依節拍剪輯。
動態清單產品示範
+3紙條清單旁邊放一支手機畫面;每個方框都在畫面上的那一刻被勾選。
手機應用程式宣傳影片
+310 到 13 秒的應用程式宣傳,七個產品節拍連成一次鏡頭移動,以 HTML 與 GSAP 寫成。
ASCII 故障風宣傳短片
+3字元格的 ASCII 畫格、追蹤方框與點陣文字,每十分之一秒跟著你的標誌切換。
前後對比上線影片
+3近黑的畫布、等寬檔名與一個電光色重點:你的內容先是靜態頁面,再是影片。
藍圖規格宣傳影片
+3你的主張畫在近黑的規格圖上:框起來的圖形、斜線網紋、引線與標題欄。
更新紀錄說明影片
+3把一個真實的 Pull Request 變成 30 秒的短片,給永遠不會讀 diff 的人看。
單一對話串上線影片
+3暖色紙張上的一個聊天視窗,從不重置:問等待的問題、要修正的方法,然後看它執行。
電影感深色介面預告
+3你的介面漂浮在黑色虛空中:鏡頭滑行、一道銳利的焦點帶、打出的指令,以及發光的名稱。
開發者工具上線集錦
+3同一句提示詞在四個地方打出,接著是跟著節拍剪的真實結果集錦,最後是你的安裝指令。
裝置樣機 SaaS 產品影片
+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一支麥克筆在同一塊白板上畫出整堂課,擦掉迷思,接著拉遠看到完成的白板。
常見問題
為什麼背景比文字先動?
讓畫布比每個接縫早約 0.1 秒開始,視線會先移動,於是影片讀起來就像是一個表面被驅動著。如果文字先動,看起來就只是投影片疊在吵雜的背景上。
網點圖案是圖片還是影片?
都不是。它是一個超大元素上的兩層 CSS 徑向漸層,只用變形與淡入淡出的透明度來動畫,因此永遠清晰,每次渲染都一樣。
PopNow 能為這支影片生成素材嗎?
不能。畫布就是主角,每一格都在畫面上,因此技能只會使用 PopNow 來製作選用的背景音樂與音效,且在花費任何點數前都會先報價。
如果我手上只有介面的樣稿呢?
技能會要求為證明節拍提供真實的錄影,或重建你自己的介面。通用的樣稿會讓一支關於精準的影片看起來不精準,技能會明講這一點。

