一個訂閱,解鎖全部高階影片 Skill。隨時取消。檢視方案
Halden Solace · 16:9

由此 Skill 渲染

深色卡片下方字幕條 v1.0.0

一張炭灰色卡片式下方字幕條滑上來,帶出名字、一道畫出的強調底線和職稱,專為明亮畫面設計。

暫無評分 0 次下載
格式
影片 · 16:9
時長
0:05

免費 註冊帳戶即可免費使用

登入後下載

把這段話貼上給你的 Agent。它會在需要時連線 CLI,然後安裝 Skill。

一個免費的 HyperFrames 區塊,做 4.8 秒的人名字幕。一張小巧的炭灰色卡片從左下角滑上來,名字出現,底下畫出一道強調底線,職稱淡入,接著滑走。名字和職稱都在 HTML 裡修改;背景是透明的。

更新於 2026年11月4日

你將得到

  • 一段 4.8 秒、1920×1080、透明背景的下方字幕條
  • 名字、一道畫出的強調底線和職稱
  • 疊到你影片上的操作說明

適合

  • 訪談和見證影片
  • Podcast 和演講
  • 創辦人和團隊影片

不適合

  • 暗色畫面(可以試試霓虹邊框版)
  • 很長的頭銜

關於此 Skill

你只需說

/lt-dark-card 幫「Lena Hart」、「Halden run club coach」做一條深色卡片下方字幕條,疊在我們清晨街頭跑步的鏡頭上。

每段訪談、見證和人物說話的片段都需要一條乾淨的人名字幕。深色卡片下方字幕條給你一條在明亮畫面上也清楚好讀的字幕:一張實心炭灰卡片、名字、一道畫出的底線和職稱。

運作方式

  1. 提出需求:告訴助手這個人的名字和職稱,以及要疊在哪段影片上。
  2. 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
  3. 算繪:它用 npx hyperframes render 算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。
  4. 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。

小訣竅

  • 職稱控制在幾個字。
  • 用在明亮的畫面上;深色卡片保證對比清楚。
  • 背景是透明的,請帶 Alpha 通道算繪,再疊到你自己的影片、照片或純色背景上;SKILL.md 裡有這兩道指令。
  • 這個區塊沒有變數:助手會照著 SKILL.md,直接在 HTML 裡修改文字。

開源

這是 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。

有帶變數的版本嗎?

霓虹邊框下方字幕條可以用變數設定名字、職稱和強調色。

為什麼免費?

這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Halden Solace 做的。

相關指南

How to add a clean name lower third to an interviewEvery interview needs a name title. How to add a clean, readable one over bright footage, free, with the Dark Card Lower Third block.How to make an animated neon lower thirdA name title can have personality. How to make one whose border is traced by glowing arcs, free, with the Neon Border Lower Third block.

相似 Skill

檢視全部