HyperFrames
公式収録開発者とAIコーディングエージェントのために作られた、HeyGenのオープンソースHTMLから動画へのレンダリングフレームワークです。
HyperFrames
HyperFramesは、HeyGenが公式にオープンソース化した「HTML as video（HTMLを動画として）」のレンダリングフレームワークです。プレーンなHTML/CSSとアドレス可能なアニメーションで動画を記述し、ヘッドレスChromeがフレーム単位でレンダリングして決定論的なMP4/MOV/WebM/GIFにします。開発者とAIコーディングエージェントのために作られ、ローカルCLIから呼び出せるほか、エージェントスキルとしてClaude Code / Cursorのパイプラインに組み込めます。
主な機能
- HTMLネイティブ: index.html 1つとdata-*トラック属性だけで動画1本が完成します。Reactもビルド工程も不要で、ブラウザで直接プレビューできます
- 決定論的レンダリング: 同じ入力は常に同じ出力になります。CI、リグレッションテスト、自動化された動画パイプラインに理想的です
- エージェントネイティブ: 内蔵のエージェントスキル21個とデフォルトで非対話のCLIにより、計画からコーディング、lint、プレビュー、レンダリングまでのループを閉じます
- 多様な展開先: Local / Docker / Lambda / Cloud Run / Vercelに対応し、HeyGenホストのクラウドレンダリングも任意で選べます
- エコシステムパッケージ: 6つのnpmパッケージと、再利用可能なコンポーネント50以上のCatalogで、複雑な動画を組み立てられます
活用シーン AIエージェントを使って再現可能な動画をプログラムで生み出す開発者、フロントエンドエンジニア、クリエイティブチームに適しています。CI/CDの動画自動化、データの可視化、PR解説動画、字幕のオーバーレイ、マーケティングテンプレートのパイプラインなどです。コード不要の広告動画が欲しいだけの非技術系マーケターには、HeyGenの本家サイトの方が適しています。
独自の強み Remotionと異なり、Reactコンポーネントではなく純粋なHTMLに賭け、ビルド工程ゼロでより軽い始め方をします。ライセンスはOSI承認のApache-2.0で、Remotion式の会社規模によるペイウォールはありません。代償として、エコシステムはRemotionよりまだ小さく、独立系コミュニティの議論も薄いです。
編集部の評価 オープンソースで、ライセンスは寛容、運営は信頼でき、能力は独立系レビューで検証済みです。GitHubのスター52,000超と月間100万超のnpmダウンロードは、開発者・エージェント向け動画フレームワークとして強くおすすめできる（4/5）根拠です。注意点として、サイトに独立した料金ページがなく、サブドメインに独立したプライバシーポリシーがなく、利用規約はAI学習権を含む広範なコンテンツライセンスをHeyGenに与えています。企業ユーザーはデータの権利を事前に評価すべきです。
料金
### 💰 定价模式：开源免费（托管云渲染无公开标价） **起步价**：免费（Apache-2.0 本地框架） #### 主要方案 - **开源框架（本地）**：免费 — Apache-2.0 许可，明确「无 per-render 费、无座位上限、无公司规模门槛」，本地 CLI 渲染不消耗 HeyGen 信用点 - **托管云渲染**：无公开标价 — 云端渲染与可选的 voice/avatar/生成媒体走 HeyGen 主站信用点体系 #### 试用/其他信息 官网未提供 HyperFrames 专用定价页（/pricing、/plans、/commercial/pricing 等 11 条路径实测均 404）；如需评估云端渲染成本，请参考 HeyGen 主站 heygen.com/pricing 套餐。
よくある質問
HyperFramesとは何ですか？
HyperFramesは、HeyGenがオープンソース化した「HTML as video」のレンダリングフレームワークです。HTML/CSSとアドレス可能なアニメーションで動画を記述し、ヘッドレスChromeがフレーム単位でレンダリングし、FFmpegが決定論的なMP4/MOV/WebM/GIFにエンコードします。開発者とAIエージェント向けです。
HyperFramesは無料ですか？
Apache-2.0のオープンソースフレームワークは完全に無料です。レンダリングごとの課金も、座席の上限も、会社規模のしきい値もなく、ローカルレンダリングはHeyGenクレジットを消費しません。クラウドレンダリングは公開価格がなく、本家HeyGenのクレジットシステムで動きます。
HyperFramesの使い方とインストール方法は？
`npx hyperframes`でローカルCLIを実行するか、`npx skills add heygen-com/hyperframes`で21個のエージェントスキルをClaude Code / Cursorにインストールします。data-*トラック属性付きのindex.htmlを1つ書けば、それが動画です。
HyperFramesはどんな人に向いていますか？
開発者、フロントエンドエンジニア、クリエイティブチームと、AIコーディングエージェントで再現可能な動画をプログラムで生み出すチームに向いています。CIの動画自動化、データの可視化、PR解説動画などです。非技術系のマーケターには本家HeyGenのサイトが適しています。
HyperFramesとHeyGenの関係は何ですか？
HyperFramesは、HeyGenが公式に手がける独立したオープンソースプロジェクトです（独自ドメインhyperframes.devとGitHub orgのheygen-com）。コード駆動・決定論的な動画合成を担い、HeyGen本家のアバター機能を補完します。ホスト型クラウドレンダリングは最終的にHeyGenにつながります。
HyperFramesはRemotionと何が違いますか？
HyperFramesはReactコンポーネントではなくプレーンなHTMLを使い、ビルドはゼロです。Remotionはsource-availableで会社規模のしきい値を超えると有料ライセンスが必要ですが、HyperFramesはOSI承認のApache-2.0です。Remotionのエコシステムはより成熟しており、HyperFramesはよりエージェントネイティブです。
HyperFramesはオープンソースですか？どんなライセンスですか？
はい、オープンソースです。リポジトリgithub.com/heygen-com/hyperframesはOSI承認のApache-2.0ライセンスで公開されています。商用利用、改変、再配布が可能で、ペイウォールはありません。
HyperFramesのプライバシーと利用規約について知っておくべきことは？
サブドメインhyperframes.devには独立したプライバシーポリシーのページがなく（テストでは/privacyが404を返します）、プライバシーは本家heygen.com/privacyに従います。また、利用規約はAI学習権を含む広範なコンテンツライセンスをHeyGenに与えるため、独自のブランドやウェブサイトのコンテンツを投入する企業は事前に評価すべきです。