- Codexデスクトップアプリ
- Node.js 22以上
- FFmpeg
確認コマンド：
node -v
ffmpeg -version動画用フォルダを作る
Mac上に、動画制作専用のフォルダを作ります。
例：
HyperFrames動画使用する画像、ロゴ、BGMなども、このフォルダに入れておきます。
Codexでフォルダを開く
Codexデスクトップアプリを起動し、先ほど作った動画用フォルダを開きます。
HyperFramesをインストールする
Codexの入力欄、またはMacのターミナルで、次のコマンドを実行します。
npx skills add heygen-com/hyperframes --full-depthすべてのスキルをまとめて入れる場合：
npx skills add heygen-com/hyperframes --all --full-depthスキルを選ぶ
インストール時に選択画面が表示されたら、まずは次を選びます。
Core Skillsインストール後、Codexの入力欄に / を入力すると、利用できるスキルが表示されます。
動画制作を指示する
最初は /hyperframes を使います。
指示例：
/hyperframes を使って、図面管理アプリを紹介する30秒の動画を作ってください。
対象：製造業の経営者
画面サイズ：横長 16:9
デザイン：白背景、モノトーン
内容：図面を自社パソコンで管理できることを紹介
BGM：あり
ナレーション：なし
出力：MP4
完成した動画を確認する
Codexが動画の構成、文字、画像、アニメーションを作成します。
完成したら、MP4動画を再生して確認します。
修正が終わったら、最終版のMP4を書き出します。
最も簡単な流れ
動画用フォルダを作る
↓
Codexでフォルダを開く
↓
HyperFramesをインストール
↓
「/hyperframes」で動画を指示
↓
MP4を確認
↓
Codexに修正を指示
↓
最終版を書き出す
