
このSkillで書き出した映像
Wireframe Portal タイトル v1.0.0
ワイヤーフレームのポータルが弾けるように開き、タイトルがその中を飛び抜け、文字が入れ替わって2つ目のフレーズになります。
- フォーマット
- 動画 · 16:9
- 尺
- 0:08
8秒のハイテンションなオープナー向けの無料の HyperFrames ブロック。すっきりしたタイトルカードが白い閃光で破られ、背後にワイヤーフレームのトンネルが開き、タイトルがアウトライン書体でグリッチしながら通り抜け、文字が入れ替わって2つ目のフレーズになり、最後はフラッシュで抜けます。タイトル、2つ目のフレーズ、サブタイトル、アクセントカラー、グリッチは変数です。
2026年11月2日 更新
得られるもの
- 8秒・1920×1080 の MP4 オープナー
- 2つ目のフレーズに変わるタイトル
- コピー、アクセント、グリッチ、霧の変数
向いている用途
- ローンチや新作発売のオープナー
- イベント、配信、エピソードのイントロ
- 勢いのあるゲーム、テック、フードのプロモ
向いていない用途
- 落ち着いた、静かな、ラグジュアリーなブランド
- 長い文章
このSkillについて
/wireframe-portal-title うちのバーガーのローンチ用にワイヤーフレームポータルタイトルを作って。タイトルは「DOUBLE STACK」、2つ目のフレーズは「Now serving」、サブタイトルは「THE DOUBLE STACK BURGER」、アクセントはオレンジ。
パンチのあるオープナー。Wireframe Portal Title は落ち着いたタイトルカードから始まり、それを吹き飛ばします。白い閃光、駆け抜けるワイヤーフレームのトンネル、RGB のにじみをまとったアウトライン文字のタイトル、そして2つ目のフレーズへの文字の入れ替え。最後はフラッシュで終わるので、そのまま次のカットへつなげられます。
使い方
- 依頼:タイトルの文言を伝えます。タイトル、切り替わる先のフレーズ、小さなサブタイトル、アクセントカラーです。
- 準備:ブロックを HyperFrames プロジェクトに置き、コピーと色をレンダー変数として入れます。
- プレビュー:いくつかのフレームを確認してから、
npx hyperframes renderで 1920×1080 の MP4 を書き出します。 - 再利用:変数は1つの JSON ファイルにまとまっているので、見出しやブランドを変えるのもレンダー1回で済みます。
コツ
- 2つのフレーズの長さをそろえると、文字の入れ替えがきれいに読めます。
- アウトライン書体には大文字のタイトルがいちばん合います。
- グリッチを弱めると、すっきりと上質な印象になります。
- 小さな「presents」の前置きの行は、HTML でブランド名に書き換えましょう。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みですぐにレンダーできるブロックで、HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- タイトル、切り替わる先のフレーズ、アクセントカラー。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
「presents」の行は消せますか?
消せます。HTML の中の1行のテキストなので、エージェントがブランド名に変えたり削除したりできます。
縦型でも使えますか?
1920×1080 向けに作られています。タイトルは画面の中央にあるので、エージェントがレンダーしてから中央を切り出し、9:16 版にできます。
なぜ無料なのですか?
HeyGen と HyperFrames のコントリビューターによるオープンソースの Skill です。手を加えずに掲載し、自社ブランド Ember & Bun で動かしたサンプルを添えています。






