免費
Solenne · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 15 秒的 3D 裝置 B-roll。一支 3D 手機模型在桌上、著色器桌布下旋轉；它的液態玻璃主畫面顯示 App 圖示、小工具和滑入的通知，接著打開一個帶主標語和卡片的網頁。所有螢幕內容（圖示、標籤、通知、網頁）都是可以編輯的 HTML；手機和筆電則是 3D 模型。
更新於 2026年11月4日
你將得到
- 一支 15 秒、1920×1080、有 3D 手機的 MP4
- 液態玻璃主畫面、通知和你的網頁
- 螢幕上每個像素都是可編輯的 HTML
適合
- App 上市影片和 B-roll
- 到達頁面的主視覺影片
- 投資人簡報和發表會示範
不適合
- 展示你 App 的真實錄影畫面
- 純直式格式
關於此 Skill
你只需說
/ios26-liquid-glass 幫 Solenne 做一支 3D 手機主畫面：通知內容是晚間情境和能源報告，再加上 Solenne 的網頁「Your home, on cue」。
裝置 B-roll 讓任何 App 看起來都像已經正式上線。3D 手機主畫面算繪一支真正的 3D 手機，配上當下最新的液態玻璃主畫面，讓你的通知跳出來、你的網頁 App 在上面打開，打上攝影棚燈光，不用拍攝，也不用找 3D 美術。
運作方式
- 提出需求：告訴助手手機上要顯示的通知、App 名稱和網頁內容。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 把預設的 App 圖示和名稱換成你自己的或中性的；我們的範例就是這樣做。
- 每則通知控制在簡短的一行。
- 網頁用你產品真正的品牌色。
- 這個區塊沒有變數：助手會照著 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 圖示嗎？
原版用知名 App 的圖示當作預留位置。請換成你自己的或中性的圖示；我們的範例用的是生成的中性圖示。
螢幕上可以放截圖嗎？
可以。螢幕是 HTML，所以可以用你 App 的圖片取代網頁。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Solenne 做的。
