
このSkillで書き出した映像
ネオンボーダー・ローワーサード v1.0.0
2本の光の弧が角丸パネルの縁を駆け抜けてぴたりと合わさり、名前と肩書きが現れます。
- フォーマット
- 動画 · 16:9
- 尺
- 0:05
勢いのある4.8秒のネームテロップ向けの無料 HyperFrames ブロック。光る2本の弧が角丸パネルの縁を角から角へとステップしながら進んで輪郭を閉じ、名前と肩書きがフェードインします。名前、肩書き、アクセントカラー、動きのスタイル、速度、角の丸み、線の太さ、弧の長さ、グローは変数です。背景は透過です。
2026年11月4日 更新
得られるもの
- 透過背景の4.8秒・1920×1080 のローワーサード
- パネルの縁をなぞる光る弧
- 名前、肩書き、アクセント、動き、角の丸み、太さ、グローの変数
向いている用途
- クリエイター、シェフ、ホスト
- ゲームやテック系のチャンネル
- イベントやステージの動画
向いていない用途
- かしこまったトーンや企業向けのトーン
- 長い肩書き
このSkillについて
/lt-neon-border 「Marco Ruiz」「Head chef · Ember & Bun」のネオンボーダー・ローワーサードをオレンジで作って。うちのバーガーのショットに重ねる。
ネームテロップにも個性を。ネオンボーダー・ローワーサードは、2本の光の弧で自らの枠を描き、話し手の名前をちょっとした演出とともに登場させます。クリエイターやシェフ、ゲーマーなど、大胆なブランドを持つ人にぴったりです。
使い方
- 依頼:名前と肩書き、アクセントカラー、弧の動きの元気さをエージェントに伝えます。
- 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー:
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用:変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。
コツ
- アクセントはブランドカラーから選びましょう。
- 「step」の動きはメカニカルな印象に、なめらかな動きは落ち着いた印象になります。
- 背景は透過なので、アルファチャンネル付きでレンダーして自分の映像や写真、単色の背景に重ねます。そのための2つのコマンドは SKILL.md に載っています。
- グローのおかげで、暗い映像やごちゃごちゃした映像でも映えます。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- 名前、短い肩書き、アクセントカラー。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
弧をステップではなく、なめらかに動かせますか?
はい。動きのスタイルと速度は変数です。
グローを弱められますか?
はい。グロー、太さ、弧の長さはすべて変数です。
なぜ無料なのですか?
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Ember & Bun で作ったサンプルを付けています。






