Yuuhann1999/agent-storyboard

解決する課題

ショート動画の制作では、スクリプト、ストーリーボード、画像、ナレーションが異なるドキュメントやツールに散らばり、ワークフローが断片化しがちです。Agent Storyboardは、このプロセスを単一のローカルファーストなストーリーボードテーブルに集約します。AIエージェントがアセット生成を担当し、ユーザーは最終的な出力の確認と調整に集中できます。

仕組み

このプロジェクトはローカルWebサービスとして動作し、Model Context Protocol (MCP) を介してAIエージェント（CodexやClaude Codeなど）と通信します。ワークフローは以下の通りです：

1. プロジェクト作成：ユーザーのテーマと要件に基づいて、エージェントがストーリーボードプロジェクト全体を作成します。
2. レビュー：ユーザーはストーリーボードテーブル（ダイアログや視覚的説明を含む）を確認・修正します。
3. 生成：エージェントはストーリーボードのエントリに基づいて、画像、モーション動画（HyperFrames/Remotion経由）、またはナレーションを生成します。
4. 自動入力：生成されたアセットは、ストーリーボードテーブル内の対応するショットに自動的にリンクされます。

対象ユーザー

手動での制御やデータプライバシーを損なうことなく、AIエージェントを使用して動画のプリプロダクションやアセット生成の退屈な部分を自動化したいコンテンツクリエイターや動画プロデューサー。

主な特徴

• ローカルファーストアーキテクチャ：すべてのプロジェクト、スクリプト、アセットはユーザーのローカルマシンに保存されます。
• エージェント駆動ワークフロー：ブラウザ制御を必要とせず、エージェントが直接プロジェクトを作成しアセットを生成できます。
• 統合ナレーション：音声クローン、スタイル記述をサポートし、ローカルのWhisperを使用してタイミングを合わせる自動ダイアログアライメント機能を備えています。
• コードベースのモーション：HyperFramesおよびRemotionと統合し、コードを通じて字幕やインフォグラフィックをレンダリングします。
• 視覚的一貫性：スタイルライブラリと DESIGN.md ファイルが含まれており、生成されるすべてのアセットが統一された視覚仕様に従うことを保証します。
• 柔軟なレイアウト：レスポンシブなストーリーボードテーブルを備え、画面サイズに応じてコンパクトビューとカードビューを切り替えられます。