
由此 Skill 渲染
一個免費的 HyperFrames 區塊,做 8 秒的社會認同畫面。留言卡一則接一則出現在影片上方;頭像先跳出來,使用者名稱和時間接著出現,留言內容逐字打出,最後是按讚數和回覆連結。留言、使用者名稱、頭像,以及淺色或疊加配色都在 HTML 裡修改;背景是透明的。
更新於 2026年11月3日
你將得到
- 一段 8 秒、1920×1080、透明背景的疊加畫面
- 逐字打出的留言,帶頭像、名稱、時間和按讚數
- 適合疊在影片上的疊加配色,以及適合素色畫面的淺色配色
適合
- 疊在產品鏡頭上的顧客見證
- 反應和評測影片
- 創作者頻道
不適合
- 很長的評論
- 未經調整的純直式版面
關於此 Skill
/yt-comment-card 在我們的 Ambre Nuit 香水鏡頭上做一段留言疊加,放「@noteofamber: Ambre Nuit smells like a warm evening in a jar」和「@scentdiary: That bottle at 0:12 though 🔥 ordering now」。
別人說好,最有說服力。留言疊加把逼真的觀眾留言一則接一則打字到你的影片上,讓讚美在產品出現在畫面時剛好到位。
運作方式
- 提出需求:告訴助手兩到四則簡短留言和使用者名稱,以及要疊上去的影片。
- 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
- 算繪:它用
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,成為第一個評分的人。
常見問題
可以放幾則留言?
八秒內放兩到四則簡短留言。
可以放在素色背景上嗎?
可以。把配色從「overlay」切換成「light」,就是淺色畫面配深色文字。
為什麼免費?
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Maison Vey 做的。






