プレミアム動画Skillがすべて使える、ひとつのプラン。いつでも解約できます。プランを見る
Halden Solace · 9:16

このSkillで書き出した映像

モザイク付きオファーカード v1.0.0

動画タイルのモザイクが動く縦型のオファーカード。2行の見出し、機能のピル、大きな割引コードを載せます。

まだ評価はありません 0 ダウンロード
フォーマット
ショート動画 · 9:16
尺
0:10

無料 アカウント登録で無料

ログインしてダウンロード

これをエージェントに貼り付けてください。必要ならCLIを接続し、Skillをインストールします。

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つの機能のピル、大きなコードのタイルを載せます。

使い方

  1. 依頼:2行の見出し、サブヘッド、2つの機能のピル、割引とコード、ロゴ、短いクリップ5本をエージェントに伝えます。
  2. 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
  3. レンダー:npx hyperframes render で下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。
  4. 再利用:変数は小さな 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 で作ったサンプルを付けています。

関連ガイド

How to make a vertical discount code promo videoA good promo says what, why and the code, fast. How to make a moving offer card with your clips and a big code, free, with the Offer Card with Mosaic block.

似ているSkill

すべて見る