免費
Maison Vey · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 5 秒的貼文疊加畫面。一張深色社群貼文卡滑入，帶頭像、名稱、帳號、認證徽章、貼文內容、時間和互動列；愛心變成粉紅色、數字往上爬，然後淡出。名稱、帳號、內文和數字都在 HTML 裡修改；背景是透明的，方便疊在影片上。
更新於 2026年11月3日
你將得到
- 一段 5 秒、透明背景的貼文卡疊加畫面
- 動態愛心和一路往上爬的互動數字
- 疊到你影片上的操作說明
適合
- 顧客見證和媒體引言
- 影片中的新品發表
- 引用貼文的解說影片
不適合
- 未經同意展示別人的貼文
- 單獨當全螢幕廣告
關於此 Skill
你只需說
/x-post 幫 Maison Vey（@maisonvey）做一張社群貼文卡：「Ambre Nuit is here. Amber, smoked vanilla and a little night air, in a bottle you will want to keep on the shelf. #AmbreNuit」，疊在我們的香水鏡頭上。
把一則好貼文引用到畫面上，一眼就是社會認同。社群貼文卡用大家熟悉的 X 風格把貼文動起來，愛心跳出、數字往上爬，讓你把顧客心得、新品發表或評論疊在任何鏡頭上。
運作方式
- 提出需求：告訴助手名稱、帳號、貼文內容和互動數字，以及要疊在哪個鏡頭上。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 貼文控制在大約 140 個字元以內，才能維持三行。
- 用方形的頭像圖片。
- 卡片是透明背景，請帶 Alpha 通道算繪，再疊到你自己的影片或照片上；SKILL.md 裡有這兩道指令。
- 想要中性的卡片，可以拿掉平台 Logo；我們的範例就是這樣做的。
開源
這是 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 裡的純文字。
一定要出現 X 的 Logo 嗎？
不用。Logo 只是 HTML 裡一個小元素；我們的範例拿掉了它，做成中性的卡片。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Maison Vey 做的。
