
由此 Skill 渲染
一個免費的 HyperFrames 區塊,專做 5 秒的「裡面有什麼」時刻。四片等角板層向上分開,每片帶著編號標籤和各自的圖示,停留一拍後再合回一疊。標題、四個層名、強調色和背景都是變數。
更新於 2026年11月3日
你將得到
- 一支 5 秒、1920×1080 的 MP4
- 四片帶標籤的等角板層,炸開後再疊回去
- 標題、層名和兩個顏色都有變數可調
適合
- 產品的「裡面有什麼」時刻
- 架構圖和系統圖
- 功能說明和新手引導
不適合
- 真實產品各層的照片
- 超過四層的內容
關於此 Skill
/exploded-stack 做一支爆炸分層堆疊,標題「Inside the Halden Solace」,層名依序是 Knit upper、Foam midsole、Carbon plate 和 Grip outsole。強調色 #E2552B,配暖米白背景。
展示一樣東西由什麼組成,最能快速建立信任。Exploded Layer Stack 在五秒內把產品或系統拆成四個有標籤的層,再組回去。它原本是為軟體架構設計的,用在一雙鞋、一張床墊、一套保養步驟或一個價格方案上也一樣好用。
運作方式
- 提出需求:告訴助手一個標題和四個由上到下的層名,再加一個強調色。
- 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
- 算繪:它用
npx hyperframes render算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。 - 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。
小訣竅
- 每個層名用兩、三個字詞就好。
- 照產品真正的構造,由上到下排列。
- 用品牌色當強調色,它會點亮目前的那一層。
- 放進較長的說明影片裡,當作「運作原理」那一段。
開源
這是 HyperFrames registry 裡的一個區塊,由 HeyGen 和 HyperFrames 貢獻者製作(heygen-com/hyperframes),以 Apache License 2.0 開源。下載內容包含區塊和它的素材,以及一份由 Reelity 撰寫的 SKILL.md,讓你的助手知道怎麼填寫和算繪;HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 一個標題、四個層名和一個強調色。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源,在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill,成為第一個評分的人。
常見問題
可以超過四層嗎?
區塊固定四層。需要更多時,助手可以用不同的層算繪兩次,再剪在一起。
板層上可以放我的產品照片嗎?
不行。板層是簡單的圖示,意義由標籤來傳達。
為什麼免費?
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Halden Solace 做的。






