HeyGenがオープンソースで公開したHyperFramesは、HTMLとCSSとGSAPで動画を組み立てて決定的にレンダリングできるフレームワークです。AIエージェントとの連携を前提に設計されており、バイブコーディングで製品紹介やWebサイト動画化、データ可視化、技術解説、縦型ショートまで幅広く作れます。本記事では仕組み、最短の使い方、作れる動画の5類型、Website to Videoのパイプライン、人間とAIの役割分担までを初めての方にも追えるように解説します。