バイラルするショートのネタを見つけて HyperFrames で作る方法

今伸びている動画の中には、一度も撮影されていないものがあります。字幕主体のショート、項目ごとにタイトルカードがあるリスト動画、アニメーションするチャート解説、名言カードは、テキスト、画像、モーション、音でできています。つまり Claude Code のようなコーディング エージェントが代わりに作れるということです。このガイドでは、viralshooter で今週どの形式が伸びているかを見つけ、いくつかの例を 1 つのブリーフにまとめ、そのブリーフを HyperFrames に渡して自分版を作る方法を紹介します。

ステップ 1: 伸びている動画を見つける#

viralshooter が新しい動画を集めている場所から始めましょう。総再生回数ではなく、経過時間のわりにどれだけ伸びているかで順位が付いています。

• ショートと動画は、新しい動画を経過時間のわりにどれだけ伸びているかで並べています。ログインすると直近 1 時間、6 時間、12 時間も見られ、これがいちばん早くキャッチできるタイミングです。
• チャートに新登場は、直近 24 時間に初めてチャートで見つかった動画を表示します。
• 国と、/trending/us や /trending/kr などの国別チャートは、1 つの市場で何が動いているかを示します。2 つの国を比べると、あるスタイルがどこで効いているかがわかります。
• カテゴリとハッシュタグは、どのトピックが動いているかを示します。
• チャンネルは誰が見られているかを、マーケットは再生数がどこで動いているかを示します。
• チャート履歴は過去の期間に何が見られたかを示すので、あるスタイルがしばらく前からあるものかどうかを確認できます。

ステップ 2: 見るべき列を読む#

形式を探すときは、総再生回数より 4 つの列のほうが重要です。

• 普段比 (用語集): 同じ経過時間でチャンネルのアップロードが普段得る再生回数を、その動画がどれだけ上回っているか。ブレイクした動画を浮かび上がらせる列です。
• 再生/時: 今どれだけの速さで再生回数を伸ばしているか。まだ伸びている動画と頭打ちになった動画を見分けられます。
• チャンネル規模: 登録者数ではなく、チャンネルのアップロードが普段得る再生回数で測ります。
• 経過: 公開からの時間。数時間で大きく先行している動画は、数週間かかった動画より多くを物語ります。

viralshooter は登録者数ではなく動画自身の数字で順位を付けます。この作業ではそれが重要です。大きなチャンネルの動画が伸びても、形式が効いたのか、もともと視聴者がいたからなのかはわかりません。小さなチャンネルの動画が普段を大きく上回っていれば、動画の力です。そういう結果こそ、学んで繰り返せるものです。

ステップ 3: コードで作れる形式を探す#

コーディング エージェントがテキスト、画像、自分のクリップから作れる形式に絞り込みましょう。

• 字幕主体のショート: 画面上の大きな文字がストーリーを運ぶもの
• リスト動画: 項目ごとにタイトルカードや番号があるもの
• チャート解説: アニメーションするチャートや数字の発表が見せ場のもの
• 名言カード: すっきりした背景に 1 行のテキスト、その下に声や音楽を流すもの

カメラが魅力のものは外しましょう。顔、場所、誰かが手に持った商品などです。HyperFrames はそうした映像に字幕やタイトルを加えることはできますが、撮影はできません。

ステップ 4: いくつかの外れ値を 1 つのブリーフにまとめる#

1 本の動画が伸びるのは運かもしれません。別々の小さなチャンネルの動画が何本も同じことをしているなら、それは形式です。似ている動画を開いて、共通点を書き出しましょう。

• 最初の数秒のフック: 問いかけ、大胆な主張、画面上の数字
• 長さ
• 字幕のスタイル: サイズ、色、単語ごとか行ごとか、画面のどこに置くか
• テンポ: 画面がどのくらいの頻度で切り替わるか
• トピックと国

自分にいちばん合う 2、3 本を選び、1 段落を書きます。動画が何から始まるか、テキストがどう見えてどう動くか、長さはどれくらいか、自分のトピックは何か。その段落がエージェントに渡すブリーフです。

リサーチはエージェントに任せる#

viralshooter を AI エージェントに接続すると、Claude Code も同じデータを読めます。early_videos ツールは、1、6、12、24 時間、または 3 日、7 日の期間の新しい動画を、top(経過時間に対して最高)、vsUsual(チャンネルの普段を最も上回る)、viewsNow(今の 1 時間あたり再生回数が最多)、views の順に並べて返します。各動画には topPct(経過時間に対して上位 N%)、vsUsual、channelSize が付きます。その日をざっと把握できる daily_brief プロンプトも用意されています。

リサーチをして制作へ引き渡すプロンプト:

viralshooter の early_videos で直近 24 時間のショートを vsUsual 順に取得して、小さなチャンネルのものを見て。撮影した映像ではなく、画面上のテキスト、タイトルカード、チャートで作られていて、少なくとも 2、3 本の動画に出てくる形式を見つけて。共通点を教えて: 最初の数秒のフック、長さ、字幕のスタイル、テンポ。それを私のトピック向けの 1 段落のブリーフにまとめて、作り始める前に私が確認できるようにそこで止めて。コピー

ステップ 5: 翌日にもう一度確認する#

次の日も、その次の日も同じ検索をしてみましょう。そのスタイルが別々のチャンネルから出続けるなら、シリーズにする価値のある形式です。1 本だけだったなら、次へ進みましょう。

ステップ 6: HyperFrames で自分版を作る#

HyperFrames は HeyGen による無料のオープンソース フレームワーク(Apache 2.0)で、HTML、CSS、メディア、アニメーションを MP4 動画に変換します。ページをヘッドレス Chrome でフレームごとにレンダリングして FFmpeg でエンコードし、Claude Code、Codex、Cursor などに正しいコンポジションの書き方を教えるエージェント スキルが付属しています。

Node.js 22 以降 と FFmpeg が必要です。そのうえで Claude Code にプラグインを追加します。

claude plugin marketplace add heygen-com/hyperframesコピー

claude plugin install hyperframes@hyperframesコピー

プロジェクトのフォルダで Claude Code を開き、ブリーフを渡します。

/hyperframes を使って、このブリーフから 1080×1920 の縦長ショートを作って: [段落を貼り付け]。字幕には ./script.txt の私の台本を、./footage にある私のクリップと画像を使って。字幕と重要なテキストは画面の端から離して。レンダリングの前にプレビューして、それから MP4 をレンダリングして。コピー

プレビューを見て、再レンダリングの前にふつうの言葉で修正を頼みましょう(「字幕を大きく」「真ん中のカットを速く」)。手で操作したい場合は、npx hyperframes init、npx hyperframes preview、npx hyperframes render で同じ手順を実行できます。

正直な限界が 2 つあります。カメラではありません。あなたを撮影したり、単独でリアルな映像を作ったりはしません(HeyGen の有料 Pro プランでは独自の動画、画像、音声、音楽モデルが加わります)。また、コンポジションはルールに従う必要があります。たとえばアニメーションは実時間ではなく動画のタイムラインに結び付ける必要があり、そうしないとレンダリング結果が静止画になることがあるので、必ず先にプレビューしましょう。HyperFrames は Remotion に着想を得たとしています。すでに React で作業しているなら、Remotion がもう 1 つの選択肢です。

自分版を作る#

動画ではなく形式を使いましょう。自分のアイデア、台本、声、映像を用意し、他の人の YouTube 動画をダウンロードして編集に使わないでください(YouTube の利用規約は許可なくそれを認めていません)。

特定の動画の作り方を研究するには、伸びている動画を見つけて作り方をリバースエンジニアリングするをご覧ください。動画を作る工程を担う他のオープンソース ツールは、オープンソースの AI 動画ツールをご覧ください。

よくある質問#

今バイラルしている動画はどうやって見つけますか?#

新しい動画を経過時間のわりにどれだけ伸びているかで並べるショートか動画を開き、ログインして直近 1 時間、6 時間、12 時間を見てください。チャートに新登場は、直近 24 時間に初めてチャートで見つかったものを表示します。普段比 で並べ替えると、普段を大きく上回る小さなチャンネルが見つかります。

いちばん大きな動画をまねすればいいのでは?#

いちばん大きな動画は大きなチャンネルから出ることが多く、そこでは視聴者が多くの仕事をしています。小さなチャンネルのブレイクは動画そのものが効いたことを示すので、その形式があなたにも効く可能性が高くなります。そして、動画をコピーすることと形式を使うことは別です。自分のものを作りましょう。

Claude Code が HyperFrames で作れるバイラル形式は?#

テキスト、画像、モーションで作る形式です。字幕主体のショート、タイトルカード付きのリスト動画、アニメーションするチャート解説、名言カード、そして自分で撮影した映像への字幕やオーバーレイ。代わりに撮影することはできません。

HyperFrames は無料ですか?#

はい。フレームワークと CLI は Apache 2.0 のオープンソースで、レンダリングごとの料金はなく、Studio アプリも無料で使えます。HeyGen の Pro プランでは独自のメディアモデルが加わりますが、このガイドの動画には必要ありません。