免費
Ember & Bun · 4:5
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 16 秒、4:5 的排行榜。在眉標、標題、期間和總數下方，每個人各有一列，顯示名字和數量，頭像或姓名縮寫在列上彈跳前進；做得越多，跑得越快。眉標、標題、期間、總數、頁尾、資料來源和每一列（名字、數量、頭像）都是變數；背景是透明的。
更新於 2026年11月4日
你將得到
- 一段 16 秒、1080×1350、透明背景的排行榜
- 依各自數量決定彈跳速度的頭像
- 每個標籤和每一列都有變數
適合
- 團隊和社群表揚
- 業績、外送和客服排行榜
- 開源貢獻者回顧
不適合
- 幾十個人
- 需要精確比較的數據
關於此 Skill
你只需說
/week-in-merges 幫 Ember & Bun 做一支排行榜競速：「Orders delivered this week」，10 月 27 日到 11 月 2 日，共 412 單，外送員 Sam 96、Priya 88、Leo 74、Ana 66、Tomas 51、Mei 37。
排行榜讓成績變有趣。排行榜競速把一週的數字（外送單、業績、註冊數、Pull Request）變成一場比賽，每個人以自己的速度在列上彈跳前進，誰領先一目了然，每個人也都有自己的高光時刻。
運作方式
- 提出需求：告訴助手榜上有誰、每個人的數量、計算的是什麼，以及期間。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 4:5 的畫面放六到八列最好讀。
- 頭像用照片，或留空改顯示姓名縮寫。
- 背景是透明的，請帶 Alpha 通道算繪，再疊到你自己的影片、照片或純色背景上；SKILL.md 裡有這兩道指令。
- 發到 LinkedIn 或 Instagram 動態；它是以 1080×1350 製作的。
開源
這是 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，成為第一個評分的人。
常見問題
它計算的是什麼？
什麼都可以：範例算的是外送單數。單位文字在 HTML 裡設定，每個標籤都是變數。
可以加照片嗎？
可以。每一列都可以放一張頭像圖片；沒放的會顯示姓名縮寫。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Ember & Bun 做的。
