
由此 Skill 渲染
一個免費的 HyperFrames 區塊,做 4.5 秒的追蹤行動呼籲。一個深色的個人檔案膠囊彈起,帶你的頭像、名稱、認證徽章、帳號和粉絲數;不顯示游標的一次點擊,把藍色的 Follow 按鈕變成 Following,卡片隨即定位。名稱、帳號、粉絲數和頭像都在 HTML 裡修改;背景是透明的。
更新於 2026年11月3日
你將得到
- 一段 4.5 秒、1080×1920、透明背景的疊加畫面
- 一張個人檔案卡和動態的 Follow 點擊
- 疊到你影片上的操作說明
適合
- Reels 和限時動態的結尾卡
- 創作者和品牌帳號漲粉
- 聯名合作和抽獎貼文
不適合
- 橫式影片
- 很長的行動呼籲
關於此 Skill
/instagram-follow 幫 Aurelle(@aurelle.gold,48.2K 位粉絲)做一張 Instagram 風格的追蹤卡,用手鍊疊戴照當頭像,疊在我們的手鍊鏡頭上。
用一個大家早就懂的請求來收尾。追蹤卡以熟悉的相片 App 風格秀出你的個人檔案,並播放點下 Follow 的那一下,觀眾一看就知道下一步要做什麼。
運作方式
- 提出需求:告訴助手你的顯示名稱、帳號、粉絲數和一張方形頭像,以及要疊在哪個鏡頭上。
- 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
- 算繪:它用
npx hyperframes render算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。 - 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。
小訣竅
- 用縮小後也看得清楚的簡單方形頭像。
- 粉絲數取整數,例如 48.2K。
- 卡片是透明背景,請帶 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,成為第一個評分的人。
常見問題
可以改按鈕顏色嗎?
可以,它是 HTML 裡的純 CSS。
有短影音 App 的版本嗎?
有,追蹤卡(影音 App)是同樣的概念,換成不同風格。
為什麼免費?
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Aurelle 做的。







