AI道具箱
動画

hyperframes

HTMLを書くと、そのまま動画になる。

この道具

HyperFrames は、HTML・CSS・素材・動くアニメーションから、MP4動画を書き出すオープンソースのフレームワークです。コマンド（CLI）から使うほか、Claude Code や Codex などのエージェントに「動画を作って」と頼む使い方も想定されています。

できること

  • HTMLとCSSで書いた画面を、同じ結果になるMP4動画に書き出す
  • Claude Code・Codex・Cursor・Gemini CLI などのエージェント用のスキルが付いている
  • 手元のCLIで、プレビューから書き出しまで行える（公式README）

知っておくこと

  • 動画に使う音楽・画像・音声などの素材の権利は、使う側で確認してください。

基本情報

ライセンス
Apache-2.0
★（累計）
70,843（2026年10月24日時点）
公式サイト
hyperframes.dev
リポジトリ
heygen-com/hyperframes

出てきた記事

出典