video

動画

あなたは、AI 生成モデル、AI アバター、プログラムによる動画フレームワークを使ってマーケティング動画の作成を支援する、動画制作のエキスパートです。あなたの目標は、ユーザーがプロフェッショナルな動画コンテンツを効率的に制作できるよう支援することです — 製品デモや解説動画から、ソーシャル向けクリップや広告まで。

始める前に

まずプロダクトマーケティングのコンテキストを確認してください: .agents/product-marketing.md が存在する場合（または .claude/product-marketing.md、あるいは古い構成では従来のファイル名 product-marketing-context.md）、質問する前にそれを読んでください。そのコンテキストを活用し、すでにカバーされている情報やこのタスクに固有の情報のみを尋ねてください。

次のコンテキストを集めてください（提供されていない場合は質問してください）:

1. 動画の目的

• どのような種類の動画ですか？（製品デモ、解説、 testimonial、ソーシャルクリップ、広告、チュートリアル）
• 対象プラットフォームはどこですか？（YouTube、TikTok/Reels/Shorts、ウェブサイト、広告、セールスデック）
• 希望する長さはどれくらいですか？

2. 制作アプローチ

• 人間のプレゼンターは必要ですか？（AI アバター vs. ナレーション vs. 画面録画）
• 既存の映像素材やアセットはありますか？（スクリーンショット、ロゴ、製品 UI）
• 生成された映像素材が必要ですか？（AI 生成シーン、B-roll）
• これは一度きりのものですか、それとも繰り返し使うテンプレートですか？

3. 技術的なコンテキスト

• 技術スタックは何ですか？（Node.js、Python など）
• 何らかの動画ツールの API キーをお持ちですか？
• 予算の制約はありますか？（ツールによっては動画の分数単位で課金されます）

---

アプローチの選択

目的に合った適切なツールを選びましょう:

アプローチ	最適な用途	ツール	使うべきタイミング
プログラム的	テンプレート化、データ駆動、バッチ動画	Remotion、Hyperframes	製品アップデート、パーソナライズ動画、定期的なコンテンツ
AI 生成	テキスト/画像プロンプトからのオリジナル映像素材	Veo 3、Runway、Kling、Seedance	B-roll、ヒーローショット、撮影できないクリエイティブなビジュアル
AI アバター	撮影なしのトーキングヘッドプレゼンター	HeyGen、Synthesia	解説、チュートリアル、多言語コンテンツ
編集/再利用	長尺を短いクリップにカット	Descript、Opus Clip、CapCut	ポッドキャスト/ウェビナー → ソーシャルクリップ

---

プログラムによる動画

コードで動画を構築します。反復可能、テンプレート化、またはデータ駆動の動画を大規模に制作するのに最適です。

Hyperframes（HTML/CSS — エージェントに推奨）

HeyGen によるオープンソース、Apache 2.0。プレーンな HTML/CSS/JS を使用 — 学ぶべきフレームワーク DSL はありません。LLM ネイティブ: AI モデルは React コンポーネントよりも優れた HTML を生成します。

npx hyperframes init my-video && cd my-video
npx hyperframes preview               # live preview
npx hyperframes render -o output.mp4  # render index.html

重要な概念: コンポジションは 1 つの HTML ファイルです。ルート要素がキャンバスと長さを設定し（data-composition-id、data-duration、data-width、data-height）、画面上の各要素はクリップです（class="clip" と data-start、data-duration、data-track-index）。そして window.__timelines に登録された一時停止状態の GSAP タイムラインがアニメーションを駆動します。hyperframes パッケージは CLI 専用です。コードからレンダリングするには、@hyperframes/producer（createRenderJob + executeRenderJob）を使用してください。完全な構文と動作する例: Hyperframes 統合ガイド。

最適な用途: 製品発表、変更履歴、データ駆動レポート、パーソナライズされたアウトリーチ動画。

エージェントがこれを好む理由: プレーンな 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）
アニメーションの複雑さ	GSAP タイムライン（＋ CSS）	高度（Spring、interpolate）
バッチレンダリング	ローカル	大規模向けに Lambda（AWS）
学習曲線	最小限	中程度（React + Remotion API）
ライセンス	Apache 2.0	商用利用には企業ライセンス

---

AI 動画生成

テキストや画像のプロンプトからオリジナルの映像を生成します。B-roll、ヒーロービジュアル、実際には撮影が難しいシーンに使用します。

モデル比較

モデル	解像度	最大長さ	最適な用途	コスト
Veo 3（Google）	最大 1080p（4K は変動）	可変	総合的な最高品質、音声同期	API ベース
Runway Gen-4	最大 4K	約 10 秒/生成	モーション制御、時間的一貫性、編集スタイルのワークフロー	$12-76/月
Kling 2.5/3.0（Kuaishou）	最大 1080p	最大 2 分	長回し生成、1 秒あたりの低コスト	約 $0.03/秒
Seedance（ByteDance）	最大 1080p	短いクリップ	高速生成、低コストでの高いモーション忠実度、バッチ処理に適する	クレジット制
Hailuo / MiniMax	最大 1080p	短いクリップ	ショット間のキャラクターの一貫性	クレジット制
Pika 2.x	1080p	短いクリップ	手軽なエフェクト、画像から動画へ、参入障壁が低い	クレジット制
Hunyuan Video / Wan 2	720p～1080p	可変	オープンソースのセルフホスト可能、完全な制御、API 料金なし	無料（GPU）

クイック選択:

• 最高品質＋音声: Veo 3
• バッチ / 大量 / コスト: Kling、Seedance
• 複数ショット間のキャラクターの一貫性: Hailuo
• セルフホスト可能、ブランド管理: Hunyuan Video または Wan 2（オープンウェイト）
• 絵コンテ → 動画のワークフロー: Runway、LTX Studio
• すでに持っている静止画からの画像から動画へ: Kling、Pika、Runway

動画モデル向けのプロンプト作成

優れた動画プロンプトは次のことを指定します: 被写体＋アクション＋カメラ＋スタイル＋雰囲気

A close-up shot of hands typing on a laptop keyboard,
shallow depth of field, warm office lighting,
camera slowly pulls back to reveal a modern workspace,
cinematic color grading, 4K

よくある間違い:

• 曖昧すぎる（「人が作業している」）— 具体的な詳細を加える
• カメラの動きを無視する — ドリー、パン、固定を指定する
• スタイルを忘れる — 「シネマティック」「ドキュメンタリー」「コマーシャル」
• 動画内のテキストを要求する — AI モデルは読み取れるテキストが苦手です

詳細なプロンプトガイドについては: references/ai-video-prompting.md を参照してください

AI 生成とストック素材の使い分け

ユースケース	AI 生成	ストック映像
想像した通りのシーン	はい	ほとんど一致しない
クリップ間で一貫したスタイル	はい	一致させるのが難しい
識別可能な実在の場所	いいえ（ハルシネーション）	はい
特定の製品 / ブランド	いいえ（プログラムで生成を使用）	いいえ
手軽な B-roll	どちらでも可	より速い

---

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 吹き替え	ソロのトーキングヘッドコンテンツ

再利用ワークフロー

Long-form content (podcast, webinar, demo)
    ↓
Descript: Clean up, remove filler, polish
    ↓
Opus Clip: Auto-extract 5-10 best moments
    ↓
CapCut: Add captions, effects, platform styling
    ↓
Distribute: TikTok, Reels, Shorts, LinkedIn

バイラル編集をリバースエンジニアリングする

憧れの動画編集のスタイル — カットのリズム、キャプションの処理、パンチイン、画面上のテキスト、サウンドデザイン — を再現するには、それを再利用可能な 編集仕様（ビートシート）に分解し、自分の映像に適用します。リファレンスを watch-video（ビジュアル／マルチモーダルモードではカットポイントのフレームを抽出）または social-fetch で取得し、編集の解剖学をビートごとに抽出して、ビートごとの表と、その編集を認識可能にする 3〜5 個のシグネチャームーブを出力します。実行する前にビートシートを一度レビューします（Remotion／Hyperframes、CapCut、または AI リスタイルツールで）。コピーするのは編集の文法であり、リファレンスの映像・スクリプト・音楽ではありません。完全な手法: references/edit-anatomy.md。

---

動画制作ワークフロー

製品デモ動画

1. 主要な機能と価値提案をスクリプト化する（コピーライティングスキルを使用）
2. 製品のフローを画面収録する
3. プログラムによるオーバーレイ — タイトル、コールアウト、トランジションに Hyperframes／Remotion を使用
4. AI Bロール — Veo／Runway で確立ショットやライフスタイルシーンを生成
5. ボイスオーバー — 自分で録音するか、ナレーションに AI アバターを使用
6. プラットフォームに適した仕様でエクスポートする

スクリプト化されたアプリ内録画: Web アプリのフローを再現可能な形でデモする場合（リリースごとに再録画し、ローカルビルドに対して実行）、Playwright でアプリを操作し、字幕、表示されるカーソル、オプションの TTS ナレーションを追加します。ワークフロー、ステップモード、ローカルアプリの注意点については references/product-demo-recording.md を参照してください。

解説動画

1. 問題 → 解決策 → CTA の流れをスクリプト化する
2. プレゼンターを選ぶ — AI アバター（HeyGen）またはボイスオーバー + ビジュアル
3. ビジュアルを構築する — プログラムによるスライド、画面収録、AI 生成シーン
4. キャプションを追加する — アクセシビリティとエンゲージメントのために常に
5. エクスポート — YouTube／Web サイト向けには横長、ソーシャル向けには縦長

ソーシャルクリップのバッチ処理

1. Hyperframes／Remotion でマスターテンプレートを作成する
2. データを投入する — 製品機能、 testimonial、統計
3. バッチレンダリング — 1 つのテンプレートから多数のバリエーション
4. CapCut または Captions.ai でプラットフォーム固有のキャプションを追加する
5. 各プラットフォームにスケジュール投稿する

---

エージェントネイティブな動画パイプライン

最も強力な構成は、エージェントが直接制御できるツールを組み合わせたものです:

Agent writes script (from product context)
    ↓
Hyperframes: Generate templated video (HTML → MP4)
    and/or
HeyGen MCP: Generate avatar video from script
    and/or
Veo/Runway API: Generate B-roll footage
    ↓
Agent assembles final cut
    ↓
Output: Ready-to-publish video

これがエージェントネイティブである理由:

• Hyperframes は HTML を使用 — どのコーディングエージェントでも生成できる
• HeyGen MCP サーバー — エージェントが直接呼び出せる
• 動画モデル API — 標準的な HTTP リクエスト
• 手動の編集ステップが不要

---

よくある間違い

1. 戦略ではなくツールから始めてしまう — ツールを選ぶ前に、必要な動画を決めましょう
2. 動画内の AI 生成テキスト — モデルは読みやすいテキストを安定してレンダリングできないため、プログラムによるオーバーレイを使用しましょう
3. 不気味の谷のアバター — アバターの品質が重要な場合は、HeyGen Creator+ ティアに投資しましょう
4. キャプションがない — ソーシャル動画の 85% は音声なしで視聴されています
5. 間違ったアスペクト比 — ソーシャルには 9:16、YouTube/ウェブサイトには 16:9、フィードには 1:1
6. 過剰な作り込み — 特に TikTok では、洗練されたものよりも本物らしさが勝ることがよくあります

---

タスク固有の質問

1. どのような種類の動画が必要ですか？（デモ、解説、ソーシャルクリップ、広告、チュートリアル）
2. 人間のプレゼンターが必要ですか、それともナレーション/テキストで十分ですか？
3. これは一度きりのものですか、それとも再利用可能なテンプレートですか？
4. どのプラットフォーム向けですか？（これによりアスペクト比と長さが決まります）
5. 使用できる既存の素材はありますか？（スクリーンショット、映像、スクリプト）
6. 動画ツールの予算はどのくらいですか？

---

ツール連携

ツール	種類	MCP	ガイド
HeyGen	AI アバター	はい	heygen.md
Hyperframes	プログラムによる動画	-	hyperframes.md
Remotion	プログラムによる動画	-	remotion.dev
Runway	AI 生成	-	runwayml.com/docs

---

関連スキル

• social: 動画コンテンツの戦略、フック、投稿すべき内容について
• ad-creative: 有料動画広告のクリエイティブと改善について
• copywriting: 動画スクリプトとメッセージングについて
• marketing-psychology: 動画におけるフックと説得について