hve-video-director は何をしますか？
デザイン思考に基づくエンドツーエンドの動画制作パイプライン。6フェーズのオーケストレーター：ディスカバリー（デザイン思考＋コンテキスト）→ ストーリーテリング（ナラティブ＋ストーリーボード）→ キャプチャ（Chrome DevTools スクリーンショット/スクリーンキャスト、対応環境でのネイティブデスクトップ/領域録画、asciinema ターミナル録画）→ デザイン（HyperFrames シーンテンプレート）→ プロダクション（HyperFrames コンポジション）→ オーディオ＆レンダリング（media-use オーディオエンジン：ナレーション、BGM、効果音；字幕レビュー；HyperFrames レンダリング）。プロジェクトの開始から行われます。
概要
このスキルは、AIエージェントが人間のユーザーと協力して、一貫性のある魅力的な動画コンテンツを制作するための包括的なワークフローを定義します。発見フェーズから最終レンダリングまで、各ステップで適切なツールとテンプレートを使用し、高品質な動画を効率的に作成します。
前提条件
- HyperFrames: シーンデザインとコンポジションに使用。インストールが必要です。
- media-use: オーディオエンジン。ナレーション、BGM、効果音の生成と管理に使用。
- Chrome DevTools Protocol: ウェブページのスクリーンショットやスクリーンキャストのキャプチャに使用。
- asciinema: ターミナルセッションの録画に使用（オプション）。
- FFmpeg: 最終的な動画レンダリングに使用（HyperFrames が内部で利用）。
ワークフローフェーズ
1. ディスカバリー
- ユーザーからのプロジェクトコンテキストを収集
- デザイン思考を適用して目標、対象者、主要メッセージを定義
- 制作の範囲と制約を明確化
2. ストーリーテリング
- ナラティブ構造の設計（導入、本題、結論）
- ストーリーボードの作成（各シーンの内容と遷移を定義）
- 必要なキャプチャとデザイン要素の特定
3. キャプチャ
- ウェブ: Chrome DevTools を使用したスクリーンショットまたはスクリーンキャスト
- デスクトップ: 対応環境でのネイティブデスクトップまたは領域録画
- ターミナル: asciinema を使用した端末操作の録画（オプション）
4. デザイン
- HyperFrames のシーンテンプレートを使用して各シーンをデザイン
- テキスト、画像、図形、アニメーションなどの要素を配置
- ブランドカラーやフォントなどの一貫性を確保
5. プロダクション
- デザインされたシーンを HyperFrames でコンポジション
- シーンの順序とタイミングを調整
- トランジション効果の追加
6. オーディオ＆レンダリング
- オーディオ: media-use エンジンを使用してナレーション、BGM、効果音を生成
- 字幕: 自動生成された字幕をレビューし修正
- レンダリング: HyperFrames で最終動画をレンダリング
使用例
# プロジェクトを開始
hve-video-director start --project "my-video"
# フェーズを順番に実行
hve-video-director run --project "my-video"
設定
環境変数:
HVE_PROJECT_DIR: プロジェクトの作業ディレクトリHVE_HYPERFRAMES_PATH: HyperFrames 実行ファイルのパスHVE_MEDIA_USE_CONFIG: media-use の設定ファイルパス
注意事項
- 各フェーズは順番に実行することを推奨しますが、必要に応じて特定のフェーズに戻ることも可能です。
- キャプチャフェーズでは、適切な権限とツールのインストールが必要です。
- オーディオ生成には、media-use が利用可能な音声モデルを使用します。