
このSkillで書き出した映像
モザイク付きオファーカード v1.0.0
動画タイルのモザイクが動く縦型のオファーカード。2行の見出し、機能のピル、大きな割引コードを載せます。
- フォーマット
- ショート動画 · 9:16
- 尺
- 0:10
10秒・9:16 のプロモーション向けの無料 HyperFrames ブロック。ロゴ、セリフ体の2行の見出し、サブヘッドの下でタイルのグリッドがフレーム内をスライドし、あなたの動画クリップとオファー、割引の表記、コードのタイルが混ざり合います。その下には機能のピルが2つ並びます。ロゴ、見出し、サブヘッド、ピル、オファーの値、割引の表記、コード、すべての色は変数で、5つの動画タイルは差し替えるファイルです。
2026年11月4日 更新
得られるもの
- 10秒・1080×1920 の MP4 プロモカード
- オファーとコードが混ざる、クリップのスライドモザイク
- すべての行、コード、ロゴ、色の変数
向いている用途
- 割引やローンチのオファー
- EC やアプリのプロモーション
- ストーリーズ、リール、ショート
向いていない用途
- オファーのないブランドフィルム
- 横型のフォーマット
このSkillについて
/heygen-avatar-promo-card Halden のオファーカードを作って。「Run softer, / with Halden.」「The Solace knit runner.」、ピルは「KNIT UPPER」と「SOFT FOAM」、コード RUN25 で25%オフ、Halden のクリップを5本使って。
プロモーションで素早く伝えるべきことは3つ。それが何か、なぜ良いのか、そしてコードです。モザイク付きオファーカードは、それを動く1枚のカードで伝えます。スライドするモザイクに製品のクリップを並べ、自信のある見出し、2つの機能のピル、大きなコードのタイルを載せます。
使い方
- 依頼:2行の見出し、サブヘッド、2つの機能のピル、割引とコード、ロゴ、短いクリップ5本をエージェントに伝えます。
- 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー:
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用:変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。
コツ
- 製品をさまざまな角度から撮った短いクリップを5本使いましょう。
- 見出しは短い2行に収めます。
- コードは RUN25 のように入力しやすいものにしましょう。
- キャンバスとアクセントの色はブランドに合わせます。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- 製品の短いクリップ5本、見出し、ピル2つ、割引、コード、ロゴ。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
アバター動画を使う必要がありますか?
いいえ。タイルにはどんな短いクリップでも使えます。オリジナルには AI アバターのクリップが入っていますが、サンプルでは Halden の製品ショットを使っています。
コードは変えられますか?
はい。コードの前半と後半、そしてオファーの値は変数です。
なぜ無料なのですか?
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Halden Solace で作ったサンプルを付けています。






