スキル自身の言葉で
7段階のワークフローを通じて、プロダクトローンチやプロモーション動画の制作をオーケストレーションします。プロダクトのURL、貼り付けたスクリプト、またはブリーフを受け取り、HyperFrames経由でMP4を生成します。
稼働中のサイトからブランドアセットを取得し、フレームプリセットを採用してブランドトークンへリミックスし、ボイスオーバーに合わせてタイムコード付きのショットシーケンスでストーリーボードを作成し、ナレーションとBGMを生成し、各フレームをHTMLとして構築するために並行してサブエージェントを派遣し、lint/check/snapshotによる検証後にレンダリングします。SaaSのプロモーション、機能紹介、アプリのローンチ、サイトツアーを対象としています。HeyGenにサインインした状態でも、ローカルのTTS/BGMエンジンによるオフラインでも動作します。
生成されるもの
- renders/video.mp4に、指定した長さの最終MP4レンダリングを出力します
- 検証用に、フレームの中間点とカット部分のスナップショットをまとめたコンタクトシート
- タイムコード付きのショットシーケンスを記載したSTORYBOARD.md、ナレーションが必要な場合はSCRIPT.mdも作成します
仕組み
- 01ブリーフの確認とプロジェクトの初期化
このワークフローが開始する前に、意図レイヤーがブリーフを確定させます。
- 02URLからアセットを取得
プロダクトのURLに対してhyperframes captureを実行し、スクリーンショット、DOM構造、ブランドトークン（色/フォント）、表示テキスト、アセットの説明を収集します。
- 03フレームプリセットを採用し、ブランドに合わせてリミックス
ブランドの雰囲気に合う、既存のフレームプリセットを1つ選び、build-frame.mjsを実行してプリセットのFRAME.mdをコピーし、プリセットの構造にブランドの色/フォントを再マッピングし、キャプションスキンをコピーします。
- 04タイムコード付きのショットシーケンスでストーリーボードを作成
story-spineの方針に従って、STORYBOARD.mdとSCRIPT.mdを起草します。
- 05バックグラウンドで音声を生成
ストーリーボードの承認後、選択したプロバイダーと音声でTTSナレーションを開始し、HeyGenの音楽ライブラリからムードに合ったBGMを取得し、単語のタイミングを生成し、待機せずにビジュアルデザインへと進みます。
- 06サブエージェントを派遣し、フレームを並行構築
音声の完成を待ち、長さを同期させた上で、フレームごとに範囲を限定したパケットを1つ構築し、それぞれにサブエージェントを派遣します。