プレミアム動画Skillがすべて使える、ひとつのプラン。いつでも解約できます。プランを見る
Halden Solace · 16:9

このSkillで書き出した映像

ダークカード・ローワーサード v1.0.0

チャコールのカードがスライドアップし、名前、描かれるアクセントの下線、肩書きを表示。明るい映像向けのローワーサードです。

まだ評価はありません 0 ダウンロード
フォーマット
動画 · 16:9
尺
0:05

無料 アカウント登録で無料

ログインしてダウンロード

これをエージェントに貼り付けてください。必要ならCLIを接続し、Skillをインストールします。

4.8秒のネームテロップ向けの無料 HyperFrames ブロック。コンパクトなチャコールのカードが左下にスライドアップし、名前が現れ、その下にアクセントの下線が引かれて肩書きがフェードインし、スライドアウトします。名前と肩書きは HTML で編集します。背景は透過です。

2026年11月4日 更新

得られるもの

  • 透過背景の4.8秒・1920×1080 のローワーサード
  • 名前、描かれるアクセントの下線、肩書き
  • 映像に重ねるための手順

向いている用途

  • インタビューやお客様の声
  • ポッドキャストやトーク
  • 創業者やチームの紹介動画

向いていない用途

  • 暗い映像(ネオンボーダー版をお試しください)
  • 長い肩書き

このSkillについて

依頼の例

/lt-dark-card 「Lena Hart」「Halden run club coach」のダークカード・ローワーサードを作って。うちの夜明けの街を走るショットに重ねる。

インタビューもお客様の声も語りの動画も、すっきりしたネームテロップが欠かせません。ダークカード・ローワーサードは、明るい映像でもしっかり読めるテロップです。ベタ塗りのチャコールのカードに、名前、描かれる下線、肩書きを載せます。

使い方

  1. 依頼:人物の名前と肩書き、重ねる映像をエージェントに伝えます。
  2. 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
  3. レンダー:npx hyperframes render で下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。
  4. 再利用:変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。

コツ

  • 肩書きは数語に収めましょう。
  • 明るい映像に使いましょう。ダークカードなのでコントラストが確保されます。
  • 背景は透過なので、アルファチャンネル付きでレンダーして自分の映像や写真、単色の背景に重ねます。そのための2つのコマンドは SKILL.md に載っています。
  • 変数はありません。エージェントが SKILL.md に沿って、HTML 内のテキストを直接編集します。

オープンソース

これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。

始める前に必要なもの

用意するもの
名前、短い肩書き、重ねる映像。
依存関係
Node.js 22 以降 — 必須 · FFmpeg — 必須
外部コスト
ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
最終テスト
v1.0.0 —

ユーザーレビュー

まだレビューはありません。インストールして最初に評価しましょう。

よくある質問

アクセントカラーは変えられますか?

はい。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

すべて見る