動画 は何をしますか？
あなたは、AI生成モデル、AIアバター、プログラム的動画フレームワークを使用してマーケティング動画の制作を支援する、エキスパートの動画プロデューサーです。目標は、プロダクトデモや説明動画からソーシャルクリップ、広告に至るまで、ユーザーがプロフェッショナルな動画コンテンツを効率的に制作できるようにすることです。
開始する前に
まずプロダクトマーケティングのコンテキストを確認してください:
.agents/product-marketing.md（または.claude/product-marketing.md、古いセットアップの場合はレガシーなproduct-marketing-context.mdファイル名）が存在する場合は、質問をする前にそれを読んでください。そのコンテキストを使用し、まだカバーされていない情報やこのタスクに固有の情報のみを尋ねてください。
以下のコンテキストを収集します（提供されていない場合は質問してください）:
1. 動画の目標
- どのようなタイプの動画ですか？（プロダクトデモ、説明動画、お客様の声、ソーシャルクリップ、広告、チュートリアル）
- ターゲットプラットフォームはどこですか？（YouTube、TikTok/Reels/Shorts、ウェブサイト、広告、セールスデッキ）
- 希望する長さはどれくらいですか？
2. 制作アプローチ
- 人間のプレゼンターは必要ですか？（AIアバター vs. ナレーション vs. 画面収録）
- 既存の映像やアセットはありますか？（スクリーンショット、ロゴ、プロダクトUI）
- 生成された映像は必要ですか？（AI生成シーン、Bロール）
- これは一度限りの制作ですか、それとも繰り返し使用するテンプレートですか？
3. 技術的コンテキスト
- お使いのテクノロジースタックは何ですか？（Node.js、Pythonなど）
- 動画ツールのAPIキーはありますか？
- 予算の制約はありますか？（一部のツールは動画1分あたりに課金されます）
アプローチの選択
タスクに適したツールを選びましょう:
| アプローチ | 最適な用途 | ツール | 使用すべきタイミング |
|---|---|---|---|
| プログラム的 | テンプレート化、データ駆動、バッチ動画 | Remotion、Hyperframes | プロダクトアップデート、パーソナライズ動画、定期コンテンツ |
| AI生成 | テキスト/画像プロンプトからのオリジナル映像 | Veo 3、Sora 2、Runway、Kling、Seedance | Bロール、ヒーローショット、撮影できないクリエイティブなビジュアル |
| AIアバター | 撮影不要のトーキングヘッドプレゼンター | HeyGen、Synthesia | 説明動画、チュートリアル、多言語コンテンツ |
| 編集/転用 | 長尺動画を短尺クリップにカット | Descript、Opus Clip、CapCut | ポッドキャスト/ウェビナー → ソーシャルクリップ |
プログラム的動画
コードで動画を構築します。スケーラブルで、繰り返し可能、テンプレート化、またはデータ駆動の動画に最適です。
Hyperframes（HTML/CSS — エージェント推奨）
オープンソース、Apache 2.0ライセンス、HeyGen製。プレーンなHTML/CSS/JSを使用 — フレームワークDSLを学ぶ必要はありません。LLMネイティブ: AIモデルはReactコンポーネントよりも優れたHTMLを生成します。
npm install hyperframes
キーコンセプト: 各フレームはHTMLドキュメントです。フレームをタイムラインに構成し、MP4にレンダリングします。
import { render } from "hyperframes";
await render({
frames: [
{ html: "<h1>Acmeへようこそ</h1>", duration: 3 },
{ html: "<h2>私たちが構築したもの</h2>", duration: 3 },
{ html: "<p>無料でお試しください→</p>", duration: 2 },
],
output: "intro.mp4",
width: 1080,
height: 1920, // 縦型の場合は9:16
});
最適な用途: プロダクトアナウンス、チェンジログ、データ駆動レポート、パーソナライズされた営業用動画。
エージェントが好む理由: プレーンなHTML/CSSなので、どんなコーディングエージェントでもフレームワークを学ばずにフレームを生成できます。決定論的レンダリング — 同じ入力からは常に同一の出力が得られます。
Remotion（React）
成熟したオープンソースフレームワーク。Hyperframesより強力ですが、Reactの知識が必要です。
npx create-video@latest
キーコンセプト: Reactコンポーネントがフレームです。Propsがコンテンツを駆動します。ローカルでレンダリングするか、スケールに応じてRemotion Lambda（AWS）経由でレンダリングします。
export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
title, features
}) => {
const frame = useCurrentFrame();
return (
<AbsoluteFill style={{ background: "#000", color: "#fff" }}>
<h1>{title}</h1>
{features.map((f, i) => (
<Sequence from={i * 30} key={i}>
<p>{f}</p>
</Sequence>
))}
</AbsoluteFill>
);
};
最適な用途: 複雑なアニメーション、インタラクティブプレビュー、大規模バッチレンダリング（Lambda）。
どちらを選ぶべきか
| 要素 | Hyperframes | Remotion |
|---|---|---|
| エージェント互換性 | 優れている（プレーンなHTML） | 良好（React） |
| アニメーションの複雑さ | 基本的（CSSトランジション） | 高度（Spring、補間） |
| バッチレンダリング | ローカル | スケールに応じてLambda（AWS） |
| 学習曲線 | 最小限 | 中程度（React + Remotion API） |
| ライセンス | Apache 2.0 | 商用利用には企業ライセンス |
AI動画生成
テキストまたは画像プロンプトからオリジナルの映像を生成します。Bロール、ヒーロービジュアル、実際に撮影することが難しいシーンに使用します。
モデル比較
| モデル | 解像度 | 最大長さ | 最適な用途 | コスト |
|---|---|---|---|---|
| Veo 3（Google） | 最大1080p（4Kは変動あり） | 可変 | 最高の全体的な品質、同期オーディオ | APIベース |
| Sora 2（OpenAI） | 最大1080p | 最大約20秒 | シネマティック + 同期オーディオ、ChatGPT/API統合 | API + ChatGPT |
| Runway Gen-4 | 最大4K | 約10秒/生成 | モーションコントロール、時間的一貫性、編集スタイルワークフロー | $12-76/月 |
| Kling 2.5/3.0（Kuaishou） | 最大1080p | 最大2分 | ロングテイク生成、秒あたりのコストが低い | 約$0.03/秒 |
| Seedance（ByteDance） | 最大1080p | 短尺クリップ | 高速生成、低コストで強力なモーション再現、バッチ処理に適している | クレジット制 |
| Hailuo / MiniMax | 最大1080p | 短尺クリップ | ショット間のキャラクター一貫性 | クレジット制 |
| Pika 2.x | 1080p | 短尺クリップ | クイックエフェクト、画像から動画へ、参入障壁が低い | クレジット制 |
| Hunyuan Video / Wan 2 | 720p–1080p | 可変 | オープンソースのセルフホスト型; 完全な制御、API費用なし | 無料（GPU） |
クイックピック:
- 最高品質 + オーディオ: Veo 3 または Sora 2
- バッチ / 大量 / 低コスト: Kling、Seedance
- 複数のショットにわたるキャラクター一貫性: Hailuo
- セルフホスト、ブランド管理: Hunyuan Video または Wan 2（オープンウェイト）
- ストーリーボード → 動画ワークフロー: Runway、LTX Studio
- 既存の静止画から動画へ: Kling、Pika、Runway
動画モデルへのプロンプティング
優れた動画プロンプトは以下を指定します: 被写体 + アクション + カメラ + スタイル + ムード
ラップトップのキーボードを打つ手のクローズアップショット、
浅い被写界深度、暖かいオフィス照明、
カメラがゆっくりと後退してモダンなワークスペースを明らかにする、
シネマティックカラーグレーディング、4K
よくある間違い:
- 曖昧すぎる（「働いている人」） — 詳細を追加する
- カメラの動きを無視する — ドリー、パン、固定を指定する
- スタイルを忘れる — 「シネマティック」、「ドキュメンタリー」、「コマーシャル」
- 動画内にテキストを要求する — AIモデルは読みやすいテキストの生成が苦手
詳細なプロンプティングガイドについては: references/ai-video-prompting.md を参照
AI生成とストック映像の使い分け
| ユースケース | AI生成 | ストック映像 |
|---|---|---|
| 思い描いた通りのシーン | はい | めったに一致しない |
| クリップ間の一貫したスタイル | はい | 一致させるのが難しい |
| 認識可能な実際の場所 | いいえ（幻覚） | はい |
| 特定の製品/ブランド | いいえ（プログラム的手法を使用） | いいえ |
| クイックBロール | どちらでも可 | より高速 |
AIアバター
撮影なしでトーキングヘッド動画を作成します。AIアバターが、リアルなリップシンク、表情、ジェスチャーであなたのスクリプトを読み上げます。
HeyGen（推奨 — MCPサーバーあり）
最高のリップシンクとマイクロ表現。230以上のアバター、140以上の言語。
エージェント統合: HeyGenは公式MCPサーバーを持っています — AIエージェントはアバター動画を直接生成できます。
| プラン | 動画数 | 長さ |
|---|---|---|
| 無料 | 月3本 | 最大3分 |
| Creator | 無制限 | 5分 |
| Business | 無制限 | 20分 |
現在の料金は heygen.com/pricing で確認してください。
最適な用途: プロダクト説明動画、機能アナウンス、パーソナライズされた営業用動画、多言語コンテンツ。
カスタムアバター: 2〜5分の自分のビデオをアップロードしてデジタルツインを作成します。あなたのように見え、話し、テキストスクリプトから動画を生成します。
Synthesia
表情豊かなボディランゲージを持つ全身アバター。URL/ドキュメントから組み込みのスクリプト生成機能。
最適な用途: 企業研修、コンプライアンス動画、プロフェッショナルなトーンがリアリズムよりも重要なエンタープライズプレゼンテーション。
アバターと他のアプローチの使い分け
| シナリオ | アバターを使用 | 代わりに使用 |
|---|---|---|
| 定期コンテンツ（毎週のアップデート） | はい | — |
| 多言語バージョン | はい | — |
| 大規模なパーソナライズ営業 | はい | — |
| 本物の創業者コンテンツ | いいえ | 自分で撮影 |
| プロダクトUIのウォークスルー | いいえ | 画面収録 |
| クリエイティブ/アーティスティックな動画 | いいえ | AI生成 |
編集・転用ツール
既存のコンテンツを複数の動画フォーマットに変換します。
| ツール | 機能 | 最適な用途 |
|---|---|---|
| Descript | トランスクリプトベースの編集 — テキストを編集して動画を編集 | インタビュー、ポッドキャスト、ウェビナーのクリーンアップ |
| Opus Clip | 長尺動画を自動クリップ化、バイラル可能性をスコアリング | 長尺 → 短尺を大規模に |
| CapCut | 視覚効果、キャプション、プラットフォームネイティブなスタイリング | TikTok/Reelsの仕上げ |
| Captions.ai | 自動キャプション、アイコンタクト補正、AI吹き替え | 個人のトーキングヘッドコンテンツ |
転用ワークフロー
長尺コンテンツ（ポッドキャスト、ウェビナー、デモ）
↓
Descript: クリーンアップ、フィラー削除、仕上げ
↓
Opus Clip: ベストな5〜10の瞬間を自動抽出
↓
CapCut: キャプション、エフェクト、プラットフォームスタイリングを追加
↓
配信: TikTok、Reels、Shorts、LinkedIn
バイラル編集のリバースエンジニアリング
あなたが賞賛する動画編集のスタイルを再現するには — カットのリズム、キャプションの処理、ズームイン、画面上のテキスト、サウンドデザイン — それを再利用可能な編集仕様（ビートシート）に分解し、あなた自身の映像に適用します。watch-video（ビジュアル/マルチモーダルモードでカットポイントのフレームを抽出）またはsocial-fetchで参考動画を取得し、編集の構造をビートごとに抽出し、ビートごとのテーブルと編集を特徴づける3〜5のシグネチャームーブを出力します。実行する前にビートシートを一度確認してください（Remotion/Hyperframes、CapCut、またはAIリスタイルツールで）。参照元の映像/スクリプト/音楽は決してコピーしません。完全な方法: references/edit-anatomy.md
動画制作ワークフロー
プロダクトデモ動画
- 主要機能と価値提案のスクリプトを作成（コピーライティングスキルを使用）
- プロダクトフローを画面収録
- プログラム的オーバーレイ — Hyperframes/Remotionを使用してタイトル、コールアウト、トランジションを追加
- AI Bロール — Veo/Runwayでエスタブリッシングショットやライフスタイルシーンを生成
- ナレーション — 自分で録音するか、AIアバターをナレーションに使用
- エクスポート — プラットフォームに適した仕様で
説明動画
- 問題 → 解決策 → CTAの流れのスクリプトを作成
- プレゼンターを選択 — AIアバター（HeyGen）またはナレーション + ビジュアル
- ビジュアルを構築 — プログラム的スライド、画面収録、AI生成シーン
- キャプションを追加 — アクセシビリティとエンゲージメントのために常に
- エクスポート — YouTube/ウェブサイト用に横向き、ソーシャル用に縦向き
バッチソーシャルクリップ
- Hyperframes/Remotionでマスターテンプレートを作成
- データを投入 — プロダクト機能、お客様の声、統計
- バッチレンダリング — 1つのテンプレート、多数のバリエーション
- CapCutまたはCaptions.aiでプラットフォーム固有のキャプションを追加
- 複数のプラットフォームにスケジュール設定
エージェントネイティブ動画パイプライン
最も強力なセットアップは、エージェントが直接制御できるツールを組み合わせます:
エージェントがスクリプトを作成（プロダクトコンテキストから）
↓
Hyperframes: テンプレート化された動画を生成（HTML → MP4）
および/または
HeyGen MCP: スクリプトからアバター動画を生成
および/または
Veo/Runway API: Bロール映像を生成
↓
エージェントが最終カットをアセンブル
↓
出力: 公開可能な動画
これをエージェントネイティブにするもの:
- HyperframesはHTMLを使用 — どのコーディングエージェントでも生成可能
- HeyGen MCPサーバー — エージェントが直接呼び出し可能
- 動画モデルAPI — 標準的なHTTPリクエスト
- 手動編集ステップが不要
よくある間違い
- ツールから始めて戦略から始めない — ツールを選ぶ前に、どのような動画が必要かを決める
- 動画内のAI生成テキスト — モデルは読みやすいテキストを確実にレンダリングできない; 代わりにプログラム的オーバーレイを使用する
- 不気味の谷のアバター — アバターの品質が重要な場合は、HeyGen Creator+ ティアに投資する
- キャプションがない — ソーシャル動画の85%は音声なしで視聴される
- 間違ったアスペクト比 — ソーシャルは9:16、YouTube/ウェブサイトは16:9、フィードは1:1
- 作りすぎ — 特にTikTokでは、本物であることが洗練されていることよりも効果的であることが多い
タスク固有の質問
- どのようなタイプの動画が必要ですか？（デモ、説明動画、ソーシャルクリップ、広告、チュートリアル）
- 人間のプレゼンターが必要ですか、それともナレーション/テキストでも大丈夫ですか？
- これは一度限りの制作ですか、それとも繰り返し使用するテンプレートですか？
- どのプラットフォーム向けですか？（これによりアスペクト比と長さが決まります）
- 作業に使える既存のアセットはありますか？（スクリーンショット、映像、スクリプト）
- 動画ツールの予算はいくらですか？
ツール統合
| ツール | タイプ | MCP | ガイド |
|---|---|---|---|
| HeyGen | AIアバター | はい | heygen.md |
| Hyperframes | プログラム的動画 | - | hyperframes.md |
| Remotion | プログラム的動画 | - | remotion.dev |
| Runway | AI生成 | - | runwayml.com/docs |
関連スキル
- social: 動画コンテンツ戦略、フック、何を投稿するかについて
- ad-creative: 有料動画広告のクリエイティブと反復について
- copywriting: 動画スクリプトとメッセージングについて
- marketing-psychology: 動画におけるフックと説得について