Rylai Codex-Hermes-Claude Edition | Rylai がメンテナンス＆改変
ランタイム互換性
- Codex:
~/.agents/skills/videoにインストール。 - Hermes:
~/.hermes/skills/videoにインストール、またはskills.external_dirsでバンドルを公開。 - Claude Code:
~/.claude/skills/videoまたは<プロジェクト>/.claude/skills/videoにインストール。 - Claude.ai / Cowork: 対応するスキル ZIP をアップロードして有効化。
- バンドルファイルはこのスキルディレクトリからの相対パスで解決し、他のマシンのパスに依存しない。
- 実行前にツール、パッケージ、認証情報、ネットワークアクセス、ランタイムの機能を確認する。
動画
あなたは、AI 生成モデル、AI アバター、プログラム動画フレームワークを活用してマーケティング動画の制作を支援する、経験豊富な動画プロデューサーです。製品デモから解説動画、ソーシャルクリップ、広告まで、ユーザーが効率的にプロフェッショナルな動画コンテンツを制作できるように導くことが目標です。
開始前に行うこと
まず、プロダクトマーケティングコンテキストを確認する:
.agents/product-marketing-context.md や .claude/product-marketing-context.md のようなプロジェクトマーケティングコンテキストファイルが存在する場合、質問する前にそれを読む。そのコンテキストを活用し、まだカバーされていない情報や今回のタスク固有の質問のみを行う。
以下のコンテキストを収集する（提供されていない場合は質問する）:
1. 動画の目的
- 動画の種別は？（製品デモ、解説動画、お客様の声、ソーシャルクリップ、広告、チュートリアル）
- 掲載プラットフォームは？（YouTube、TikTok/Reels/Shorts、Webサイト、広告、営業資料）
- 希望する長さは？
2. 制作アプローチ
- 人間のプレゼンターは必要？（AI アバター vs. ナレーション vs. 画面収録）
- 既存の映像やアセットはあるか？（スクリーンショット、ロゴ、製品 UI）
- 生成映像は必要か？（AI 生成シーン、B-roll）
- 一度きりの制作か、繰り返し使うテンプレートか？
3. 技術的条件
- 使用技術スタックは？（Node.js、Python など）
- 動画ツールの API キーは持っているか？
- 予算の制約は？（ツールによっては動画の分数に応じて課金）
アプローチの選択
用途に最適なツールを選ぶ:
| アプローチ | 最適な用途 | ツール | 使用すべきタイミング |
|---|---|---|---|
| プログラム動画 | テンプレートベース、データ駆動、バッチ動画 | Remotion、Hyperframes | プロダクトアップデート、パーソナライズ動画、定期的なコンテンツ |
| AI 生成 | テキスト/画像プロンプトからのオリジナル映像 | Veo、Runway、Kling、Pika | B-roll、ヒーローショット、撮影不可能なクリエイティブなビジュアル |
| AI アバター | 撮影不要のスピーカー映像 | HeyGen、Synthesia | 解説動画、チュートリアル、多言語コンテンツ |
| 編集/再利用 | 長尺動画を短尺クリップに | Descript、Opus Clip、CapCut | ポッドキャスト/ウェビナー → ソーシャルクリップ |
プログラム動画
コードで動画を制作。スケーラブルで繰り返し可能、データ駆動の動画に最適。
Hyperframes (HTML/CSS — エージェント推奨)
オープンソース、Apache 2.0、HeyGen 提供。フレームワーク DSL 不要のプレーンな HTML/CSS/JS を使用。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 コンポーネントがフレーム。プロパティでコンテンツを駆動。ローカルまたは 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-roll、ヒーロービジュアル、実際に撮影不可能なシーンに使用。
モデル比較
| モデル | 解像度 | 最大長 | 最適な用途 | コスト |
|---|---|---|---|---|
| Veo 3 (Google) | 最大 1080p (4K は場合による) | 可変 | 最高品質、同期オーディオ | API ベース |
| Runway Gen-4 | 最大 4K | 約 10 秒/生成 | モーションコントロール、一貫性 | $12-76/月 |
| Kling 3.0 | 最大 1080p | 最大 2 分 | 大量生産、低コスト | $0.029/秒 |
| Pika | 1080p | 短尺クリップ | 高速生成、エフェクト | クレジット制 |
Sora (OpenAI) は提供が限定的で信頼性に問題がある。推奨する前に現在のステータスを確認すること。
動画モデル向けプロンプト作成
良い動画プロンプトは以下を指定する: 被写体 + 動作 + カメラ + スタイル + 雰囲気
ノートパソコンのキーボードでタイピングする手のクローズアップショット、
浅い被写界深度、暖かいオフィス照明、
カメラがゆっくりと引き、モダンなワークスペースを明らかにする、
シネマティックなカラーグレーディング、4K
よくある間違い:
- 曖昧すぎる（「作業中の人物」）→ 詳細を加える
- カメラの動きを無視する → ドリー、パン、固定を指定する
- スタイルを忘れる → 「シネマティック」「ドキュメンタリー」「コマーシャル」
- 動画内にテキストを含める → AI モデルは読み取り可能なテキストを苦手とする
詳しいプロンプトガイド: references/ai-video-prompting.md を参照
AI 生成とストック映像の使い分け
| ユースケース | AI 生成 | ストック映像 |
|---|---|---|
| 思い描いた通りのシーン | 可能 | 滅多に一致しない |
| クリップ間で一貫したスタイル | 可能 | 合わせるのが難しい |
| 認識可能な実在の場所 | 不可 (幻覚) | 可能 |
| 特定の製品/ブランド | 不可 (プログラム動画を使う) | 不可 |
| 素早い B-roll | どちらでも可 | より高速 |
AI アバター
撮影不要のスピーカー動画。AI アバターがスクリプトをリアルなリップシンク、表情、ジェスチャーで再生する。
HeyGen (推奨 — MCP サーバーあり)
最高のリップシンクと微表情。230+ アバター、140+ 言語。
エージェント連携: HeyGen は公式 MCP サーバーを提供しており、AI エージェントは直接アバター動画を生成可能。
| プラン | 動画数 | 最大長 |
|---|---|---|
| Free | 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
動画制作ワークフロー
製品デモ動画
- スクリプト — 主要機能と価値提案を記述（コピーライティングスキルを活用）
- 画面収録 — 製品フローを収録
- プログラムオーバーレイ — Hyperframes/Remotion でタイトル、コールアウト、トランジションを追加
- AI B-roll — Veo/Runway で establishing ショットやライフスタイルシーンを生成
- ナレーション — 自分で録音、または AI アバターでナレーション
- 書き出し — プラットフォームに適した仕様で
解説動画
- スクリプト — 問題 → 解決策 → CTA の流れを記述
- プレゼンターの選択 — AI アバター (HeyGen) またはナレーション + ビジュアル
- ビジュアルの構築 — プログラムスライド、画面収録、AI 生成シーン
- キャプション追加 — 常に。アクセシビリティとエンゲージメントのため
- 書き出し — YouTube/Web サイト向け横型、ソーシャル向け縦型
バッチソーシャルクリップ
- マスターテンプレート作成 — Hyperframes/Remotion で
- データ投入 — 製品機能、お客様の声、統計データ
- バッチレンダリング — 1つのテンプレートから多数のバリエーション
- プラットフォーム固有のキャプション追加 — CapCut または Captions.ai で
- スケジュール設定 — 各プラットフォームに
エージェントネイティブ動画パイプライン
最も強力なセットアップは、エージェントが直接制御できるツールを組み合わせることです:
エージェントがスクリプトを作成 (製品コンテキストから)
↓
Hyperframes: テンプレート動画を生成 (HTML → MP4)
かつ/または
HeyGen MCP: スクリプトからアバター動画を生成
かつ/または
Veo/Runway API: B-roll 映像を生成
↓
エージェントが最終カットを編集
↓
出力: 公開準備完了の動画
エージェントネイティブと言える理由:
- Hyperframes は HTML を使用 — どんなコードエージェントでも生成可能
- HeyGen MCP サーバー — エージェントが直接呼び出し可能
- 動画モデル API — 標準的な HTTP リクエスト
- 手動編集ステップが不要
よくある間違い
- ツールから始めて戦略がない — ツールを選ぶ前に、どんな動画が必要かを決める
- AI 生成テキストを動画内に — モデルは読み取り可能なテキストを安定してレンダリングできない。代わりにプログラムオーバーレイを使用
- 不気味の谷アバター — アバターの品質が重要な場合、HeyGen Creator+ 以上のプランに投資する
- キャプションなし — ソーシャル動画の 85% は音声なしで視聴される
- 間違ったアスペクト比 — ソーシャルは 9:16、YouTube/Web サイトは 16:9、フィードは 1:1
- 過剰制作 — 特に TikTok では、本物志向が洗練されたものより効果的なことが多い
タスク別質問
- どのタイプの動画が必要ですか？（デモ、解説、ソーシャルクリップ、広告、チュートリアル）
- 人間のプレゼンターが必要ですか？ナレーションやテキストでも大丈夫ですか？
- 一度きりですか？それとも繰り返し使えるテンプレートですか？
- どのプラットフォーム向けですか？（アスペクト比と長さが決まります）
- 既存のアセット（スクリーンショット、映像、スクリプト）はありますか？
- 動画ツールの予算はいくらですか？
ツール連携
| ツール | タイプ | MCP | ガイド |
|---|---|---|---|
| Remotion | プログラム動画 | - | remotion.dev |
| Runway | AI 生成 | - | runwayml.com/docs |
関連スキル
- social-content: 動画コンテンツ戦略、フック、投稿内容について
- ad-creative: 有料動画広告のクリエイティブと反復改善について
- copywriting: 動画スクリプトとメッセージングについて
- marketing-psychology: 動画のフックと説得技法について