
由此 Skill 渲染
一個免費的 HyperFrames 區塊,做 7 秒的 App 插入片段。手機旁出現一行標題,手機在應用程式商店裡搜尋,結果捲動,你的 App 那一列浮起,點下「取得」按鈕,接著詳情頁顯示你的評分和數據,安裝進度環填滿到 100%,內建點擊和安裝音效。標題、搜尋詞、App 名稱、評分和數據都在 HTML 裡修改;背景是透明的。
更新於 2026年11月4日
你將得到
- 一段 7 秒、1920×1080、透明背景的插入片段
- 搜尋、點擊「取得」和逐漸填滿的安裝進度環
- 內建點擊和安裝音效
適合
- App 安裝廣告和 YouTube 插入片段
- 手機 App 的上市影片
- 業配段落
不適合
- 只有網頁版的產品
- 未經調整的純直式格式
關於此 Skill
/vpn-youtube-spot 幫 Solenne 做一支 App Store 搜尋短片:標題「CALM HOMES」,搜尋「smart home apps」,Solenne「Scenes for every evening」,4.9 顆星,設定只要 5 分鐘。
從廣告到安裝,最短的路就是直接秀出安裝。App Store 搜尋短片用七秒演完全程:搜尋、在一堆 App 裡找到你的、點「取得」、看著它安裝完成,每一下點擊都有爽快的音效。
運作方式
- 提出需求:告訴助手一個兩個字的標題、搜尋詞、你的 App 名稱、一句話介紹、評分和數據,以及清單裡的其他 App。
- 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
- 算繪:它用
npx hyperframes render算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。 - 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。
小訣竅
- 其他 App 用虛構或通用的名稱。
- 只有在屬實的情況下,才讓你的 App 拿清單裡最高的評分。
- 背景是透明的,請帶 Alpha 通道算繪,再疊到你自己的影片、照片或純色背景上;SKILL.md 裡有這兩道指令。
- 這個區塊沒有變數:助手會照著 SKILL.md,直接在 HTML 裡修改文字。
開源
這是 HyperFrames registry 裡的一個區塊,由 HeyGen 和 HyperFrames 貢獻者製作(heygen-com/hyperframes),以 Apache License 2.0 開源。下載內容包含區塊和它的素材,以及一份由 Reelity 撰寫的 SKILL.md,讓你的助手知道怎麼填寫和算繪;HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 你的 App 名稱、圖示顏色、一句話介紹、評分、數據和一個搜尋詞。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源,在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill,成為第一個評分的人。
常見問題
畫面上是真正的 App Store 嗎?
這是一個通用的應用程式商店畫面,用大家熟悉的風格,放上你自己的 App 和虛構的其他 App。
App 圖示可以換嗎?
可以。圖示是用 CSS 畫的;助手可以幫它換色,或改用圖片。
為什麼免費?
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Solenne 做的。






