免費
Maison Vey · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 7 秒的數據時刻。大號數字帶著 % 等後綴跳到你的數值，旁邊放一個標籤，一條細細的強調色進度條依數值與最大值的比例填滿，下方再出現一句簡短說明。數值、後綴、最大值、標籤、說明和顏色都在 HTML 裡的一小段設定中修改；背景是透明的。
更新於 2026年11月3日
你將得到
- 一段 7 秒、1920×1080、透明背景的數據畫面
- 往上跳的數字、標籤、進度條和說明
- 一小段可調數值的設定
適合
- 問卷和評價結果
- 里程碑和目標
- 帶數字的產品訴求
不適合
- 同時呈現好幾個數字
- 沒有前後脈絡的數字
關於此 Skill
你只需說
/mk-progress-stat 做一張進度數據卡：94%「Would wear it again」，說明「Maison Vey Ambre Nuit, blind test of 200 people」，疊在我們的香水鏡頭上。
一個有力的數字，就能撐起整支廣告。進度數據卡把它往上跳出來，顯示它離最大值有多近，再配上標籤和說明，乾淨到可以直接疊在產品鏡頭上。
運作方式
- 提出需求：告訴助手數字、它的後綴和最大值、一個簡短標籤和一句說明。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 挑一個意義清楚的數字，例如 94% 願意再買。
- 標籤控制在三、四個字以內。
- 背景是透明的，請帶 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，成為第一個評分的人。
常見問題
數字可以不是百分比嗎？
可以。把後綴設成 K、x 或留空，最大值也跟著調整就好。
可以放在素色背景上嗎？
可以。它有淺色和深色兩種文字樣式，素色畫面或影片都適用。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Maison Vey 做的。
