mv-composer

## トリガーキーワード MV作成, 動画を作って, プロモーション動画, Remotion動画, アニメMV, 宣伝動画, 広告動画, TikTok動画, ショート動画, バイラル動画, リール, Short動画の台本, バズる動画 > **Draft:** i2v のバッチ生成と自動 Video QA は未実装。実在する補助ツールと手動レビューの範囲で使用する。 # MV Composer — Remotion + i2v 動画生成（横型 & 縦型） Remotion（React ベース動画フレームワーク）と Kling 3.0 i2v を組み合わせ、 プロモーションMV動画・バイラルショート動画を自動生成するスキル。 **主な用途**: - **横型 (16:9)**: サービス/講座の宣伝MV、SNS広告動画、LP埋め込み動画 - **縦型 (9:16)**: TikTok、YouTube Shorts、Instagram Reels - **正方形 (1:1)**: Instagram フィード --- ## フォーマットプリセット | プリセット | 解像度 | アスペクト比 | 用途 | |-----------|--------|------------|------| | horizontal | 1920x1080 | 16:9 | YouTube, LP埋め込み, SNS広告 | | vertical | 1080x1920 | 9:16 | TikTok, YouTube Shorts, Reels | | square | 1080x1080 | 1:1 | Instagram フィード | Root.tsx で `PRESETS.horizontal` / `PRESETS.vertical` / `PRESETS.square` を切り替え。 MVComposition.tsx の `useScale()` で自動スケール。 --- ## アーキテクチャ概要 ``` 台本（AIDA 8シーン or バイラル Hook→Body→CTA） ↓ ┌─────────────────────────────────────────────────┐ │ 素材生成（並列実行） │ │ ├─ Gemini 3 Pro: イラスト生成 + ロゴ生成 │ │ ├─ ElevenLabs: ナレーション音声 (TTS) │ │ └─ Kling 3.0 (fal.ai): i2v アニメーション (1-2本)│ └─────────────────────────────────────────────────┘ ↓ ┌─────────────────────────────────────────────────┐ │ Remotion コンポジション │ │ ├─ シーンコンポーネント │ │ │ ├─ i2v動画背景 (OffthreadVideo) │ │ │ ├─ 静止画背景 (Img + Ken Burns) │ │ │ └─ React MG (SVGチャート/ターミナル等) │ │ ├─ テロップ（グラデー...