
このSkillで書き出した映像
コミュニティ投稿カード v1.0.0
タイトル、短いストーリー、賛成票、コメントを載せた Reddit 風の投稿カードが映像の上にスライドインします。
- フォーマット
- 動画 · 16:9
- 尺
- 0:05
フォーラム風の5秒の投稿オーバーレイ向けの無料 HyperFrames ブロック。コミュニティ名、ユーザー名、太字のタイトル、本文、賛成票・コメント・共有のアクションバーを備えたダークなカードがアニメーションで現れ、フェードアウトします。コミュニティ、ユーザー、タイトル、本文、数字は HTML で編集します。背景は透過です。
2026年11月3日 更新
得られるもの
- 透過背景の5秒・1920×1080 のカードオーバーレイ
- アニメーションで現れるタイトル、本文、票数、コメント
- 映像に重ねるための手順
向いている用途
- お客さまのストーリーやレビュー
- コミュニティ主導の商品
- スレッドを引用する解説動画
向いていない用途
- 本人が書いていない言葉を投稿として見せること
- 単体でのフルスクリーン広告
このSkillについて
/reddit-post r/firstmarathon のコミュニティ投稿カードを作って。本文は「Switched to the Halden Solace for my long runs. My knees finally stopped complaining.」、うちの街中ランニングのショットに重ねる。
フォーラムの投稿は、正直なレビューとして読まれます。コミュニティ投稿カードは、おなじみの Reddit スタイルで投稿をアニメーション表示します。実際のお客さまのストーリー、レビュー、あなたの商品が答えになる質問を、映像の上にそのまま載せられます。
使い方
- 依頼:コミュニティ名、ユーザー名、投稿タイトル、短い本文、数字、そして重ねるショットをエージェントに伝えます。
- 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー:
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用:変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。
コツ
- タイトルは本物の投稿のように。具体的で、少しパーソナルに。
- 本文は2〜3文に収めます。
- カードは透過背景なので、アルファチャンネル付きでレンダーして自分の映像や写真に重ねます。そのための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 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
票数やコメント数は変えられますか?
はい。HTML 内のただのテキストです。
Reddit のロゴは表示されますか?
いいえ。シンプルなコミュニティのバッジと、おなじみのレイアウトを使っています。
なぜ無料なのですか?
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Halden Solace で作ったサンプルを付けています。






