
AI動画は「プロンプト一発」から「HTMLで作る」へ ──HeyGenの“HyperFrames”という、動画をコードにする新しい潮流
「AIで動画」と聞くと、プロンプトを打てば数十秒で動画が出てくる体験を思い浮かべる。でも仕事で困るのは最初の生成でなく、直せるか・前と同じものを作れるか・ブランドを守れるか・どこを変えたか分かるか、のほう。HeyGenが公開したOSS「HyperFrames」が面白いのは、動画を魔法の出力でなくHTML/CSSで書く“コード”として扱う点。GitHubで公開数か月で3万超スター、Apache-2.0、npm v0.7.14(CAG非検証・公式/GitHubベース)。AIコーディングエージェント(Claude Code/Cursor/Codex等)から使う前提で、企画DESIGN.md→台本SCRIPT.md→絵コンテSTORYBOARD.md→HTML作成→lint/snapshotチェック→render の工程をskill(19個)として進める。diffで差分・lintで不備・snapshotで見た目確認・同じ入力で同じ動画=Video-as-Code。Reactで動画のRemotionに対しHTML中心の別の賭け(置き換えでなく用途で選ぶ)。リリース/PR/ニュース/提案/SNSのテンプレ量産に向く。ただし一発で高品質ではない・目視チェック必須・Node22/FFmpeg/フォントの準備・クラウドやTTSは有料枠、という注意も。情報紹介記事。











