hyperframes Codex プラグイン
プラグイン Codex クリエイティブ デザイン・メディア制作Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
HyperFramesは、HeyGenが開発したオープンソース（Apache 2.0）の動画レンダリングフレームワーク「HyperFrames」用のOpenAI Codexプラグインです。README によると、HTMLが動画のソースオブトゥルースとなっており、AIエージェントがHTML・CSS・JSを記述して動画を構成する仕組みです。アニメーションにはGSAPを使用し、コンポジション作成、CLI操作、再利用可能なブロックの導入、GSAPリファレンス、ウェブサイトから動画への7段階変換パイプラインという5つのスキルが含まれています。CLI（npx hyperframes経由で起動）の利用にはNode.js 22以上とPATH上のFFmpegが必要です。
概要
HyperFrames（hyperframes.heygen.com）はHeyGenが提供するオープンソースの動画レンダリングフレームワークで、HTML・CSS・JSを動画のソースオブトゥルースとして扱います。本プラグインはこれをOpenAI CodexなどのAIエージェントから利用できる形にまとめたものです。
hyperframes でできること
- HTML＋CSS＋GSAPでコンポジションを作成する（スタイル、パレット、ハウススタイル、モーション原則、トランジション、キャプション、オーディオリアクティブ表現を含む）
- hyperframes CLIでinit・lint・preview・render・transcribe・tts・doctor・browserの各操作を行う
- hyperframes addで再利用可能なレジストリブロック・コンポーネント（ソーシャルオーバーレイ、シェーダートランジション、データビジュアライゼーション、エフェクトなど）を導入する
- GSAPのトゥイーン、タイムライン、イージング、スタガー、パフォーマンスに関するリファレンスを参照する
- website-to-hyperframesの7段階パイプラインでウェブサイトURLを動画に変換する
- コンポジションに同期キャプションやボイスオーバーを追加する
出典
原文の説明（英語）
Write HTML, render video. Compositions, GSAP animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.
hyperframes の変更履歴
- Codex プラグイン hyperframes を追加