無料
Ember & Bun · 16:9
このSkillで書き出した映像
チャンネル登録ローワーサード v1.0.0
YouTube 風のローワーサードがチャンネルのアバター、名前、登録者数とともに現れ、登録ボタンがタップで「登録済み」に変わります。
まだ評価はありません 0 ダウンロード
- フォーマット
- 動画 · 16:9
- 尺
- 0:05
4.5秒のチャンネル登録 CTA 向けの無料 HyperFrames ブロック。アバター、チャンネル名、登録者数を載せた角丸のローワーサードがスライドアップし、赤い Subscribe ボタンがタップされてベル付きのグレーの Subscribed に変わり、スライドアウトします。名前、登録者数、アバターは HTML で編集します。背景は透過です。
2026年11月3日 更新
得られるもの
- 透過背景の4.5秒・1920×1080 のローワーサード
- アバター、チャンネル名、登録者数、Subscribe のタップ
- 映像に重ねるための手順
向いている用途
- YouTube 動画やポッドキャスト
- チュートリアルや Vlog
- ブランドチャンネル
向いていない用途
- 縦型のみの動画
- 登録ボタンのないプラットフォーム
このSkillについて
依頼の例
/yt-lower-third Ember & Bun（登録者 212K）のチャンネル登録ローワーサードを作って。アバターは Double Stack、うちのバーガーのショットに重ねる。
チャンネル登録のお願いは、動画の最後ではなく、盛り上がっている最中にこそ効きます。チャンネル登録ローワーサードは、チャンネルのアバター入りのすっきりしたおなじみの YouTube 風ポップアップと、気持ちのいいタップを映像の上に重ねます。
使い方
- 依頼：チャンネル名、登録者数、正方形のアバター、そして重ねるショットをエージェントに伝えます。
- 入力：コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー：
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 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
YouTube のロゴは表示されますか？
いいえ。おなじみのレイアウトと赤いボタンに、あなたのアバターと名前を組み合わせています。
ボタンの文言は変えられますか？
はい。「Subscribe」と「Subscribed」は HTML 内のただのテキストです。
なぜ無料なのですか？
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Ember & Bun で作ったサンプルを付けています。
