動画を1本作るのに、外注で5〜10万円・納期2週間。
それが当たり前だった動画制作が、今「HTMLを書くだけ」で、手元で・コストゼロ・10分で出せる時代になりました。
その正体がHeyGen Hyperframesです。
この記事では、Claude CodeとHyperframesを使って、ターミナルに話しかけるだけでMP4動画を生成する手順を、セットアップから実際の指示の出し方・つまずきポイントまで、再現できるレベルでまとめます。
Hyperframesとは何か
2026年4月、HeyGenがGitHubに公開したオープンソースツールです。コンセプトは驚くほどシンプルで、「HTMLを書くと、動画（MP4）になる」。
After EffectsもPremiereも不要で、ターミナルに1行打つだけで動画が出てきます。
ライセンスはApache 2.0、つまり完全無料で商用利用も可能です。
なぜHeyGenはこれをタダで配ったのか。
背景には「『HTMLで動画を書く』を業界標準にし、AIエージェントが動画を作る瞬間に必ずHyperframesが呼ばれる流れを作る」というOSS覇権戦略があります。
LinuxやReactが歩んだ道の動画版、と言えばイメージが近いでしょう。
なぜHTMLが動画になるのか
従来の動画編集ソフト（After Effects等）は「タイムライン＋レイヤー＋キーフレーム」という視覚的配置が前提で、ファイルは複雑なXMLやバイナリAIにとっては「外国語」同然でした。
一方でGPT・Claude・Geminiの学習データの大半はWeb上のテキスト、つまりHTMLです。LLMにとってHTMLはほぼ「母語」で、Webでモーショングラフィックスを作る知識が脳に染み込んでいます。
2025年末のモデル進化で、AIがHTML＋CSS＋JSでモーションを安定生成できる水準に達したのが転換点でした。
| 比較項目 | 従来の動画編集 | Hyperframes |
| AIとの相性 | ×（XML/バイナリ） | ◎（HTML＝AIの母語） |
| 習得難易度 | 高（数年〜） | 低（HTML知識のみ） |
| 外注コスト | 5〜10万円/本 | 0円 |
| 納期 | 2週間〜 | 10分〜 |
何ができるか（発信者向けの使い道）
このツールが効くのは、「動画をコストなく量産できる」ことがそのまま発信の武器になるからです。一例を挙げると次のような使い道があります。
- X記事の冒頭に埋める3〜5秒の縦モーション（動画優遇アルゴリぇ4活用）
- note記事のヘッダー動画・アイキャッチ
- セールスレターやVSLの冒頭15秒
- PDF資料からの自動ピッチ動画生成
- CSVデータからのアニメーションチャート
- LINEキャンペーンのティザー動画を毎週差し替え
- YouTubeショート・TikTok縦動画の量産
ここまでが「何ができるツールか」の全体像です。
ここから先は、実際に自分のPCで動かすための具体手順を、つまずきやすい点も含めて順番に説明します。
セットアップから初動画の書き出しまで、この記事だけで完結できる構成です。
この記事のライター
