
このSkillで書き出した映像
ダークカード・ローワーサード v1.0.0
チャコールのカードがスライドアップし、名前、描かれるアクセントの下線、肩書きを表示。明るい映像向けのローワーサードです。
- フォーマット
- 動画 · 16:9
- 尺
- 0:05
4.8秒のネームテロップ向けの無料 HyperFrames ブロック。コンパクトなチャコールのカードが左下にスライドアップし、名前が現れ、その下にアクセントの下線が引かれて肩書きがフェードインし、スライドアウトします。名前と肩書きは HTML で編集します。背景は透過です。
2026年11月4日 更新
得られるもの
- 透過背景の4.8秒・1920×1080 のローワーサード
- 名前、描かれるアクセントの下線、肩書き
- 映像に重ねるための手順
向いている用途
- インタビューやお客様の声
- ポッドキャストやトーク
- 創業者やチームの紹介動画
向いていない用途
- 暗い映像(ネオンボーダー版をお試しください)
- 長い肩書き
このSkillについて
/lt-dark-card 「Lena Hart」「Halden run club coach」のダークカード・ローワーサードを作って。うちの夜明けの街を走るショットに重ねる。
インタビューもお客様の声も語りの動画も、すっきりしたネームテロップが欠かせません。ダークカード・ローワーサードは、明るい映像でもしっかり読めるテロップです。ベタ塗りのチャコールのカードに、名前、描かれる下線、肩書きを載せます。
使い方
- 依頼:人物の名前と肩書き、重ねる映像をエージェントに伝えます。
- 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー:
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用:変数は小さな 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 で作ったサンプルを付けています。






