免費
Ember & Bun · 9:16
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 4.5 秒、短影音風格的追蹤行動呼籲：一個深色的個人檔案膠囊彈起，帶頭像、名稱、帳號和粉絲數，紅色的 Follow 按鈕一按變成 Following。名稱、帳號、粉絲數和頭像都在 HTML 裡修改；背景是透明的。
更新於 2026年11月3日
你將得到
- 一段 4.5 秒、1080×1920、透明背景的疊加畫面
- 一張個人檔案卡和動態的 Follow 點擊
- 疊到你影片上的操作說明
適合
- TikTok、Reels 和 Shorts 的結尾卡
- 餐廳、餐飲和生活風格品牌
- 創作者頻道
不適合
- 橫式影片
- 很長的行動呼籲
關於此 Skill
你只需說
/tiktok-follow 幫 Ember & Bun（@emberandbun，212K 位粉絲）做一張 TikTok 風格的追蹤卡，用 Double Stack 當頭像，疊在我們的漢堡鏡頭上。
短影音的最後一秒，決定別人會不會追蹤你。追蹤卡（影音 App）讓這一秒有個清楚又熟悉的請求：你的個人檔案，加上點下 Follow 那一下的爽快感，疊在你最好的鏡頭上。
運作方式
- 提出需求：告訴助手你的顯示名稱、帳號、粉絲數和一張方形頭像，以及要疊在哪個鏡頭上。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
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，成為第一個評分的人。
常見問題
按鈕文字可以翻譯嗎？
可以。「Follow」和「Following」都是 HTML 裡的純文字。
有相片 App 的版本嗎？
有，追蹤卡（相片 App）是同樣的概念，按鈕是藍色的。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Ember & Bun 做的。
