你會得到
- 1080x1080、24 fps、34 秒(輕量版 23 秒)的 MP4
- 可運作的方形影片範本,含一個變形節點,以及 3x3 牆面上的攝影機
- 四組寫定的變形幾何、八拍分鏡與接縫紀錄
- 文案預算檢查器與專案啟動腳本
- 可選:PopNow 的結果圖、背景音樂與介面音效
適合
- 兩個工具之間的整合、匯出與傳送至動作
- 展示方形影片的資訊流與個人檔案格狀貼文
- 把 Agent 的交接呈現為一個簡單的手勢
不適合
- 登陸頁首屏,或以 16:9 觀看的內容
- 頁面沒有任何輸入文字可以回應的功能
- 未經書面授權而重製他公司介面
怎麼用
在 Claude 或 ChatGPT 裡
用 PopNow 的技能「方形介面變形宣傳」(square-ui-morph-promo)幫我做這件事:我們的筆記應用現在只要一個按鈕,就能把筆記送到我們的圖像工具。為我們的資訊流做方形上線短片。
在程式 Agent 裡
/popnow-square-ui-morph-promo 我們的筆記應用現在只要一個按鈕,就能把筆記送到我們的圖像工具。為我們的資訊流做方形上線短片。
接著試試
報價回覆用的三張封面圖,以及拉遠時會抬起的音樂。
做 23 秒的輕量剪輯版。
需要準備
- 兩個工具,以及連接它們的動作
- 一個真實的需求,其中有一個字可供頁面回應
- 牆面上的會話名稱,可以是真實的,或明顯虛構的
- 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一整支影片都在同一塊活的網點畫布上,它總是比每一行文字早一拍動起來。
手繪資訊圖影片
+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一支麥克筆在同一塊白板上畫出整堂課,擦掉迷思,接著拉遠看到完成的白板。
常見問題
為什麼是方形?
這支影片是為顯示 1:1 影片的資訊流所編排的。技能會先問它將發佈在哪裡;若是寬版頁面,它會建議另一支影片,而不是在方形上加上黑邊。
變形真的是同一個元素嗎?
是的。按鈕、提示卡、附選項的卡片與收合的一行字,是同一個元素,以一種緩動依序穿過四種寫定的形狀,因此觀眾看到的是同一個物件在改變,而不是東西被替換。
拉遠時會發生什麼?
整支影片一直都在九張卡片牆中的一張卡片裡進行。攝影機恢復到正常大小,你看過的那張卡片保留它的顏色與結果,然後攝影機再俯衝進另一張卡片。
可以展示我合作夥伴的介面嗎?
只有在有書面授權時才行。否則技能會為那個介面使用中性的紙卡,並在交付說明中註明。

