video

Name: video
Author: syntax-syndicate

github.com/syntax-syndicateクリエイティブ・メディア8465 回インストール27 週間前に更新

リポジトリ

video について

脚本作成から仕上げまで、マーケティング動画の企画と制作を支援するスキルです。プログラムによる動画制作、AI生成映像、アバター、長尺動画の再利用を扱い、HeyGenのMCP連携も紹介します。

主な機能

01プログラムによる動画制作ガイド
02AI動画生成とプロンプトの助言
03AIアバター制作の案内
04長尺動画の編集と再利用
05製品デモとSNS動画の制作手順

活用シーン

01製品デモや解説動画の制作
02SNS向け短尺動画の一括生成
03ウェビナーから短尺動画を作成
04多言語アバター動画の制作

MCP 対応

HeyGenの公式MCPサーバーを紹介しており、AIエージェントからアバター動画を直接生成できます。Hyperframesや動画モデルAPIを使うエージェントのワークフローも説明します。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syntax-syndicate/marketing-skills --skill video

インストール後、Claude Code で/videoを入力して読み込まれたか確認します。

同梱ファイルreferences/ai-video-prompting.md

詳細

ビデオ

AI 生成モデル、AI アバター、プログラムによる動画フレームワークを活用してマーケティング動画の制作を支援する、経験豊富な動画プロデューサーとして対応します。目標は、製品デモや解説動画からソーシャルクリップ、広告まで、プロ品質の動画コンテンツを効率よく制作できるよう支援することです。

開始する前に

まず、製品マーケティングに関するコンテキストを確認してください： .agents/product-marketing-context.md（または古い設定の場合は.claude/product-marketing-context.md）が存在する場合は、質問する前に内容を読んでください。そのコンテキストを活用し、すでに記載されている情報や、このタスクに固有の情報以外についてのみ質問してください。

次の情報を確認してください（提供されていない場合は質問してください）：

1. 動画の目的

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

2. 制作方法

人間のプレゼンターが必要ですか？（AI アバター、ナレーション、画面録画のいずれか）
既存の映像や素材はありますか？（スクリーンショット、ロゴ、製品 UI）
映像素材を生成する必要がありますか？（AI 生成シーン、B ロール）
単発の動画ですか、それとも繰り返し使うテンプレートですか？

3. 技術的な情報

技術スタックは何ですか？（Node.js、Python など）
動画ツールの API キーをお持ちですか？
予算に制約はありますか？（動画の分数ごとに料金が発生するツールもあります）

制作方法の選択

目的に合ったツールを選んでください：

方法	最適な用途	ツール	使用するタイミング
プログラムによる制作	テンプレート化された、データ駆動型の動画の一括制作	Remotion、Hyperframes	製品アップデート、パーソナライズ動画、定期的なコンテンツ
AI 生成	テキスト／画像プロンプトからのオリジナル映像	Veo、Runway、Kling、Pika	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>Welcome to Acme</h1>", duration: 3 },
    { html: "<h2>Here's what we built</h2>", duration: 3 },
    { html: "<p>Try it free →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, // 9:16 for vertical
});

最適な用途： 製品発表、変更履歴、データ駆動型レポート、パーソナライズされた営業用動画。

エージェントに好まれる理由： 通常の 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、interpolate）
一括レンダリング	ローカル	大規模な用途には Lambda（AWS）
学習曲線	最小限	中程度（React + Remotion API）
ライセンス	Apache 2.0	商用利用には企業向けライセンス

AI 動画生成

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

モデルの比較

モデル	解像度	最大長	最適な用途	料金
Veo 3（Google）	最大1080p（4Kは条件によって異なる）	可変	最高品質、音声の同期	APIベース
Runway Gen-4	最大4K	約10秒／生成	モーション制御、時間的一貫性	月額12～76ドル
Kling 3.0	最大1080p	最大2分	大量制作、最低コスト	1秒あたり0.029ドル
Pika	1080p	短いクリップ	高速生成、エフェクト	クレジット制

**Sora（OpenAI）**は、利用可能性が限られており、信頼性にも問題があります。推奨する前に、現在の状況を確認してください。

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

優れた動画プロンプトでは、被写体＋動作＋カメラ＋スタイル＋雰囲気を指定します。

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ロール	どちらでも可	より速い

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 吹き替え	1人で話すトーキングヘッドコンテンツ

コンテンツ再利用のワークフロー

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

動画制作のワークフロー

プロダクトデモ動画

スクリプトを作成する — 主要な機能と価値提案を盛り込みます（コピーライティングスキルを活用）
画面を録画する — プロダクトの操作フローを記録します
プログラムによるオーバーレイ — Hyperframes/Remotionを使って、タイトル、コールアウト、トランジションを追加します
AI Bロール — Veo/Runwayで、導入用ショットやライフスタイルシーンを生成します
ナレーション — 自分で録音するか、AIアバターを使ってナレーションを入れます
書き出す — プラットフォームに適した仕様で書き出します

解説動画

スクリプトを作成する — 問題 → 解決策 → CTAの流れを構成します
プレゼンターを選ぶ — AIアバター（HeyGen）またはナレーション＋ビジュアルを選びます
ビジュアルを作成する — プログラムで作成したスライド、画面録画、AI生成シーンを使います
字幕を追加する — アクセシビリティとエンゲージメントのため、必ず追加します
書き出す — YouTubeやウェブサイト向けには横向き、ソーシャルメディア向けには縦向きにします

ソーシャルクリップの一括作成

Hyperframes/Remotionでマスターテンプレートを作成します
データを入力する — プロダクトの機能、お客様の声、統計情報を入力します
一括レンダリングする — 1つのテンプレートから複数のバリエーションを作成します
CapCutまたはCaptions.aiを使って、プラットフォームに合わせた字幕を追加します
複数のプラットフォームで投稿を予約します

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

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

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リクエストを使用します
手作業による編集工程は不要です

よくある間違い

戦略ではなく、ツールから始める — ツールを選ぶ前に、必要な動画を決めましょう
動画内に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

基本情報

作者: syntax-syndicate
リポジトリ: syntax-syndicate/marketing-skills
カテゴリ: クリエイティブ・メディア
インストール数: 65
GitHub スター: 84

問題を報告