免費
Vael · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 8 秒的規格或功能展示。五列標籤和數值依序從左側滑入，每列底下都有一道橫掃而過的強調底線；淺色配色適合白底畫面，深色配色搭配遮罩適合疊在影片上。列內容、配色、線寬、位置和時間都在 HTML 裡的一小段設定中調整；背景是透明的。
更新於 2026年11月4日
你將得到
- 一段 8 秒、1920×1080、透明背景的疊加畫面
- 五列帶著橫掃底線滑入的規格
- 淺色和深色配色，可選加遮罩
適合
- 商品詳情頁和廣告
- App 和 3C 小物的功能列表
- 包包、鞋子、電子產品這類重視規格的品類
不適合
- 超過五、六列
- 長句子
關於此 Skill
你只需說
/mk-specs-list 在我們的 Vael Cerise 照片上做一份規格清單：Leather「Cherry calf, hand-finished」、Hardware「Solid brass clasp」、Fits「A 14-inch laptop」、Handles「Hand-stitched, 22 cm drop」、Made「In small, numbered runs」。
規格要好讀才有說服力。規格清單在你的產品旁邊一列一列排出五組標籤和數值，每列底下一道俐落的底線，讓材質、尺寸或功能在產品留在畫面上的同時清楚傳達。
運作方式
- 提出需求：告訴助手五組簡短的標籤和數值，以及背景是淺色還是深色。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 標籤控制在一個字詞，數值控制在幾個字。
- 明亮的照片用淺色配色，暗色的影片用深色配色加遮罩。
- 背景是透明的，請帶 Alpha 通道算繪，再疊到你自己的影片、照片或純色背景上；SKILL.md 裡有這兩道指令。
- 畫面右側留給產品。
開源
這是 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 讓你的助手直接上手，範例是用我們自家品牌 Vael 做的。
