
由此 Skill 渲染
一個免費的 HyperFrames 區塊,專做 9:16 的 App 廣告。一支手機平放在木頭桌上,四則來自你 App 的通知依序跳出、往上疊,每一則都把整疊往下推;接著畫面切到深色結尾卡,上面是兩行標題、你的 Logo 和網址。所有文案和 Logo 都是變數。
更新於 2026年11月3日
你將得到
- 一支 14 秒、1080×1920 的 MP4 廣告
- 四則通知在手機上依序疊起,最後是品牌結尾卡
- 每一行文案和 Logo 都有變數可調
適合
- App 安裝和喚回舊用戶的廣告
- 智慧家居、健身、理財和外送 App
- 限時動態、Reels 和 Shorts
不適合
- 沒有 App 的產品
- 橫式的 YouTube 廣告
關於此 Skill
/notification-cascade 幫我們的智慧家居 App Solenne 做一支通知連發廣告:通知依序是「Sunset scene is on: lights at 35%.」、「Blinds closed in the living room.」、「Heating eased to 19° for the night.」和「You used 22% less energy this week.」,標題「YOUR HOME / ON CUE」,頁尾 solenne.home,Logo 用 solenne-white.svg。
通知就是 App 真的在幫你做事的證據。Notification Cascade 讓四則通知一則接一則落在手機上,疊到最後,整疊通知自己就把故事說完了:情境開啟、窗簾拉上、暖氣調低、電費變少。接著切到結尾卡,放上你的標題和 Logo。
運作方式
- 提出需求:告訴助手你的 App 名稱、四則能串成故事的簡短通知、一句分成兩段的標題、你的網址和 Logo。
- 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
- 算繪:它用
npx hyperframes render算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。 - 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。
小訣竅
- 讓四則訊息層層推進到最後的亮點,把最有力的那則放在最後。
- 每則訊息控制在大約 40 個字元以內,才能放進一行。
- 用白色、透明背景的 Logo,它會放在深色卡片上。
- 發成限時動態、Reels 或 Shorts;影片尺寸是 1080×1920。
開源
這是 HyperFrames registry 裡的一個區塊,由 HeyGen 和 HyperFrames 貢獻者製作(heygen-com/hyperframes),以 Apache License 2.0 開源。下載內容包含區塊和它的素材,以及一份由 Reelity 撰寫的 SKILL.md,讓你的助手知道怎麼填寫和算繪;HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 你的 App 名稱、四則簡短通知、一句分成兩段的標題、你的網址和一個白色 Logo。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源,在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill,成為第一個評分的人。
常見問題
可以換掉手機或桌子嗎?
手機、桌面照片、版面和節奏都是區塊固定的部分。可調的變數是你的文案和 Logo,這樣每次做出來的效果都穩定好看。
畫面上會出現真實的手機品牌嗎?
不會。通知樣式是通用的,只帶你的 App 名稱和圖示。
為什麼免費?
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Solenne 做的。







