你會得到
- 30 fps 的 MP4 短片,10 到 13 秒,可選方形、直式或寬螢幕
- 單一檔案的 HyperFrames 專案,每個場景都可編輯
- 記錄每個切點方向的接縫紀錄
- 交付說明,包含插槽、品牌變數、授權與實測數字
- 可選:PopNow 背景音樂,已混音到社群平台的音量標準
適合
- 上線當天的社群貼文與循環影片
- 活動螢幕與演講前的片頭
- 較長產品影片的開場幾秒
不適合
- 說明產品如何運作;這裡沒有說理的空間
- 沒有畫面、導覽列或建立按鈕可展示的產品
- 以實拍片段為基礎的宣傳片
怎麼用
在 Claude 或 ChatGPT 裡
用 PopNow 的技能「手機應用程式宣傳影片」(app-promo-sting)幫我做這件事:幫我們的筆記應用做一支 12 秒的方形短片:登入、「本週保存的靈感 1,284」、側邊欄,以及建立會議筆記。
在程式 Agent 裡
/popnow-app-promo-sting 幫我們的筆記應用做一支 12 秒的方形短片:登入、「本週保存的靈感 1,284」、側邊欄,以及建立會議筆記。
接著試試
再做一版 16:9 寬螢幕版本,給會議螢幕用。
加一段在片尾卡打點的背景音樂。先告訴我點數。
需要準備
- 你的標誌(最好是兩部分)與四種顏色
- 登入、一個關鍵數字、導覽列與一個主要操作的畫面
- Node.js 22+ 與 FFmpeg;配樂可選 PopNow API 金鑰
類似技能
查看全部 →Agent 團隊上線影片
+3暖色點點紙上的亮面角色,搭配即時手機操作與一個孵化出新助手的技能。
AI 聊天機器人示範影片
+3深色聊天應用裡的旁白示範:開啟你的整合、提問、取得結果與數字跳動。
Agent 產品上線短片
+3依產品真實網站與介面製作的沉穩發表會風格上線短片,依節拍剪輯。
動態清單產品示範
+3紙條清單旁邊放一支手機畫面;每個方框都在畫面上的那一刻被勾選。
ASCII 故障風宣傳短片
+3字元格的 ASCII 畫格、追蹤方框與點陣文字,每十分之一秒跟著你的標誌切換。
前後對比上線影片
+3近黑的畫布、等寬檔名與一個電光色重點:你的內容先是靜態頁面,再是影片。
藍圖規格宣傳影片
+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一支麥克筆在同一塊白板上畫出整堂課,擦掉迷思,接著拉遠看到完成的白板。
常見問題
影片是 AI 影片模型生成的嗎?
不是。每一格都是你的 Agent 撰寫的 HTML、CSS、SVG 與 GSAP,再由 HyperFrames 渲染為 MP4,因此文字清晰,畫面也是你真實的產品。PopNow 只用於選用的音樂或背景底圖。
什麼讓切點感覺連貫?
每個切點在寫程式之前就已經在紀錄中規劃好:離開的場景在畫面切換時仍在運動,下一個場景則以相同的軸線與方向已在運動中進入,並共用一組緩動曲線。
之後可以換品牌嗎?
可以。插槽、文案與四個顏色變數都是資料。技能會保留畫面計畫與緩動,若你調整某個場景的時間,紀錄會告訴你要重新檢查哪些接縫。
需要安裝什麼?
Node.js 22 或更新版本,以及 FFmpeg。HyperFrames 透過 npx 執行,其配套的 Agent 技能各可用一個指令安裝;套件內有說明與備用規則。

