免費
Halden Solace · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 8 秒標題卡。正面標題印在一格格方塊上；柔和的景深場掃過畫面，每格帶著一點回彈和陰影翻過去，最後留下背面標題。兩行文字、掃動方向、速度、格子大小和顏色都是變數。
更新於 2026年11月2日
你將得到
- 一支 8 秒、1920×1080 的 MP4 標題卡
- 兩行標題，中間逐格翻轉切換
- 掃動、時間、格子大小、陰影和顏色都有變數可調
適合
- 發表影片的開場和結尾卡
- 社群貼文的「主張＋答案」句子
- 品牌改版和前後對比訊息
不適合
- 長句或整段文字
- 標題裡需要出現產品畫面的影片
關於此 Skill
你只需說
/code-slice-hero 用 code slice hero 區塊做我們跑鞋發表的標題：正面標題「RUN SOFT.」，背面標題「RUN FAR.」，由左往右掃。算繪成 1080p。
兩行短句，一次俐落的翻轉。Code Slice Hero 把你的第一行標題印在方形格子上。一道波浪掃過畫面，經過時把每格抬起、傾斜，每格翻過去後拼出第二行標題的對應部分。最適合兩行等長、有力道的句子：一句主張和它的答案、一個產品名和一個承諾、「之前」和「之後」。
運作方式
- 提出需求：告訴助手標題要寫什麼：正面標題，以及翻過去之後的標題。
- 建置：它把區塊放進一個 HyperFrames 專案，把你的文案和顏色填成算繪變數。
- 預覽：它檢查幾格畫面，再用
npx hyperframes render算繪出 1920×1080 的 MP4。 - 重複使用：變數都在同一個 JSON 檔裡，換標題或換品牌，再算繪一次就好。
小訣竅
- 兩行都要短（一到三個字詞），長度相近，翻轉看起來才像一個動作。
- 掃動方向配合剪輯中下一個場景的閱讀方向。
- 格子調小，翻轉更細緻、更有數位感；調大則更粗獷，像海報。
- 拿來當較長發表影片的開場卡或結尾卡。
開源
這是 HyperFrames registry 裡的一個區塊，由 HeyGen 和 HyperFrames 貢獻者製作（heygen-com/hyperframes），以 Apache License 2.0 開源。下載的是區塊和它的素材，可以直接算繪；HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 兩行短標題；想的話再加上品牌色。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源，在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
能用自己的字型嗎？
能。區塊內建 Geist（開源字型）；換成任何網頁字型，再調整字級變數，讓文字填滿畫面即可。
翻轉能由右往左嗎？
能。方向是變數，掃動時長、緩動曲線和翻轉時長也都是。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 Skill。我們原樣上架，範例是用我們自家品牌 Halden Solace 跑出來的。
