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

このSkillで書き出した映像

コミュニティ投稿カード v1.0.0

タイトル、短いストーリー、賛成票、コメントを載せた Reddit 風の投稿カードが映像の上にスライドインします。

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

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

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

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

フォーラム風の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 スタイルで投稿をアニメーション表示します。実際のお客さまのストーリー、レビュー、あなたの商品が答えになる質問を、映像の上にそのまま載せられます。

使い方

  1. 依頼:コミュニティ名、ユーザー名、投稿タイトル、短い本文、数字、そして重ねるショットをエージェントに伝えます。
  2. 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
  3. レンダー:npx hyperframes render で下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。
  4. 再利用:変数は小さな 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 で作ったサンプルを付けています。

関連ガイド

How to put an animated social post on top of your videoA post on screen is instant social proof. How to animate an X-style post card with climbing likes and lay it over your footage, free, with the Social Post Card block.How to show a Reddit-style review in your videoForum posts read as unfiltered opinions. How to animate a Reddit-style post card over your footage, free, with the Community Post Card block.

似ているSkill

すべて見る