免費
Solenne · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 5 秒的桌面通知。一條霧面橫幅帶著你的 App 圖示、App 名稱、標題和一行訊息，從右上角滑入、停留，再滑出。文字和圖示都在 HTML 裡修改；背景是透明的，可以疊在螢幕錄影或桌布上。
更新於 2026年11月3日
你將得到
- 一段 5 秒、1920×1080、透明背景的通知疊加畫面
- App 圖示、名稱、標題和訊息
- 疊到螢幕錄影上的操作說明
適合
- SaaS 和 App 展示
- 教學和解說影片
- 新功能發表
不適合
- 只有直式的影片
- 很長的訊息
關於此 Skill
你只需說
/macos-notification 幫 Solenne 做一則桌面通知：標題「Evening wind-down is on」，訊息「Lights dimmed to 35%, blinds closed and the heating eased to 19°」，疊在我們的客廳照片上。
要展示產品剛完成了某件事，桌面通知是最快的方式。桌面通知用大家熟悉的 macOS 風格，把一則通知動態疊在你的螢幕錄影或桌布上：「Evening wind-down is on」、「Payment received」、「Your export is ready」。
運作方式
- 提出需求：告訴助手你的 App 名稱和圖示、一個標題和一行訊息。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 標題寫結果，不要寫功能。
- 訊息控制在一行以內。
- 背景是透明的，請帶 Alpha 通道算繪，再疊到你自己的影片、照片或純色背景上；SKILL.md 裡有這兩道指令。
- 這個區塊沒有變數：助手會照著 SKILL.md，直接在 HTML 裡修改文字和數字。
開源
這是 HyperFrames registry 裡的一個區塊，由 HeyGen 和 HyperFrames 貢獻者製作（heygen-com/hyperframes），以 Apache License 2.0 開源。下載內容包含區塊和它的素材，以及一份由 Reelity 撰寫的 SKILL.md，讓你的助手知道怎麼填寫和算繪；HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 你的 App 名稱、一個方形圖示、一個標題和一行訊息。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源，在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
可以顯示好幾則通知嗎？
每則通知各算繪一次，再在剪輯裡把片段疊起來；或請助手在 HTML 裡複製橫幅。
畫面上會出現 Apple 的 Logo 嗎？
不會。它在 macOS 風格的橫幅裡顯示你自己的 App 圖示和名稱。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Solenne 做的。
