免費
Halden Solace · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 8 秒的液態玻璃儀表板。三個霧面小工具分別跳出溫度、電量和步數圓環，一個帶你 Logo 的展示面板顯示標題、一句說明和最後完成的狀態，三個狀態標籤依序亮起，全部疊在流動的極光著色器上。文字、數字和 Logo 都在 HTML 裡修改。
更新於 2026年11月3日
你將得到
- 一支 8 秒、1920×1080 的 MP4，帶動態極光背景
- 數字跳動的數據小工具、展示面板和狀態標籤
- 面板上放你的 Logo
適合
- 健身、健康和智慧裝置 App
- 儀表板和數據功能
- 產品上市的空景素材
不適合
- 素色或品牌色背景
- 超過三項數據
關於此 Skill
你只需說
/liquid-glass-widgets 幫一次 Halden 跑步做液態玻璃小工具：溫度、手錶電量和 8.2K 步數，面板寫「Long run saved: 18.4 km at an easy pace in the Halden Solace」，最後停在「Run saved」。
小工具是大家一眼掌握重點的方式。液態玻璃小工具用霧面液態玻璃風格做出一個小型儀表板，數字一路往上跳，面板回報任務完成，讓健身 App、智慧裝置或各種服務都能把數據呈現得很漂亮。
運作方式
- 提出需求：告訴助手三個小工具的數值、面板標題和說明、完成狀態，以及你的 Logo。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 挑三個能說同一個故事的數字，例如一次跑步的溫度、電量和步數。
- 面板說明控制在大約 70 個字元。
- 用白色 Logo。
- 這個區塊沒有變數：助手會照著 SKILL.md，直接在 HTML 裡修改文字和數字。
開源
這是 HyperFrames registry 裡的一個區塊，由 HeyGen 和 HyperFrames 貢獻者製作（heygen-com/hyperframes），以 Apache License 2.0 開源。下載內容包含區塊和它的素材，以及一份由 Reelity 撰寫的 SKILL.md，讓你的助手知道怎麼填寫和算繪；HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 三項數據、一個簡短的面板標題和說明、一個完成狀態和一個白色 Logo。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源，在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
小工具可以顯示其他數據嗎？
可以。標籤、數值和單位都在 HTML 裡；數字跳動動畫適用於任何數字。
和液態玻璃通知是同一種風格嗎？
是的，同樣的極光和玻璃質感，所以兩支剪在一起很搭。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Halden Solace 做的。
