File contents Generate Video Skill
プロダクト説明動画の自動生成を担当するスキル群です。
概要
/generate-video コマンドの内部で使用されるスキルです。
コードベース分析 → シナリオ提案 → 並列生成のフローを実行します。
機能詳細
機能
詳細
ベストプラクティス
See references/best-practices.md
コードベース分析
See references/analyzer.md
シナリオプランニング
See references/planner.md
並列シーン生成
See references/generator.md
視覚効果ライブラリ
See references/visual-effects.md
AI画像生成
See references/image-generator.md
画像品質判定
See references/image-quality-check.md
Prerequisites
Remotion がセットアップ済み(/remotion-setup)
Node.js 18+
(オプション)GOOGLE_AI_API_KEY - AI画像生成用
/generate-video フロー
/generate-video
│
├─[Step 1] 分析(analyzer.md)
│ ├─ フレームワーク検出
│ ├─ 主要機能検出
│ ├─ UIコンポーネント検出
│ └─ プロジェクト資産解析(Plans.md, CHANGELOG等)
│
├─[Step 2] シナリオ提案(planner.md)
│ ├─ 動画タイプ自動判定
│ ├─ シーン構成提案
│ └─ ユーザー確認
│
├─[Step 2.5] 素材生成(image-generator.md)← NEW
│ ├─ 素材必要判定(イントロ、CTA等)
│ ├─ Nano Banana Pro で2枚生成
│ ├─ Claude が品質判定(image-quality-check.md)
│ └─ OK → 採用 / NG → 再生成(最大3回)
│
└─[Step 3] 並列生成(generator.md)
├─ シーン並列生成(Task tool)
├─ 統合 + トランジション
└─ 最終レンダリング
実行手順
ユーザーが /generate-video を実行
Remotion セットアップ確認
analyzer.md でコードベース分析
planner.md でシナリオ提案 + ユーザー確認
generator.md で並列生成
完了報告
動画タイプ(ファネル別)
タイプ
ファネル
長さ目安
自動判定条件
構成の芯
LP/広告ティザー
認知〜興味
30-90秒
新規プロジェクト
痛み→結果→CTA
Introデモ
興味→検討
2-3分
UI変更検出
1ユースケース完走
リリースノート
検討→確信
1-3分
CHANGELOG更新
Before/After重視
アーキテクチャ解説
確信→決裁
5-30分
大規模構造変更
実運用+証拠
オンボーディング
継続・活用
30秒-数分
初回セットアップ
Aha体験への最短パス
詳細: references/best-practices.md
シーンテンプレート
90秒ティザー(LP/広告向け)
時間
シーン
内容
0-5秒
Hook
痛み or 望む結果
5-15秒
Problem+Promise
対象ユーザーと約束
15-55秒
Workflow
象徴ワークフロー
55-70秒
Differentiator
差別化の根拠
70-90秒
CTA
次の一手
3分Introデモ(検討向け)
時間
シーン
内容
0-10秒
Hook
結論+痛み
10-30秒
UseCase
ユースケース宣言
30-140秒
Demo
実画面で完走
140-170秒
Objection
よくある不安1つ潰す
170-180秒
CTA
行動喚起
共通シーン
シーン
推奨時間
内容
イントロ
3-5秒
ロゴ + タグライン
機能デモ
10-30秒
Playwrightキャプチャ
アーキテクチャ図
10-20秒
Mermaid → アニメーション
CTA
3-5秒
URL + 連絡先
詳細テンプレート: ${CLAUDE_SKILL_DIR}/references/best-practices.md
音声同期ルール(重要)
ナレーション付き動画では以下を厳守:
ルール
値
音声開始
シーン開始 + 30f(1秒待機)
シーン長さ
30f + 音声長さ + 20f余白
トランジション
15f(隣接シーンとオーバーラップ)
シーン開始計算
前シーン開始 + 前シーン長 - 15f
事前確認 : ffprobe で音声長さを確認してからシーン設計
詳細: ${CLAUDE_SKILL_DIR}/references/generator.md
BGM サポート
項目
推奨値
ナレーションあり
bgmVolume: 0.20 - 0.30
ナレーションなし
bgmVolume: 0.50 - 0.80
ファイル配置
public/BGM/
詳細: ${CLAUDE_SKILL_DIR}/references/generator.md
字幕サポート
ルール
値
字幕開始
音声開始と同じ
字幕duration
音声長 + 10f
フォント
Base64埋め込み推奨
詳細: ${CLAUDE_SKILL_DIR}/references/generator.md
視覚効果ライブラリ
インパクトのある動画向けエフェクト集:
エフェクト
用途
GlitchText
Hook、タイトル
Particles
背景、CTA収束
ScanLine
解析中演出
ProgressBar
並列処理表示
3D Parallax
カード表示
詳細: references/visual-effects.md
Notes
Remotion未セットアップの場合は /remotion-setup を案内
並列生成数はシーン数に応じて自動調整(max 5)
生成された動画は out/ ディレクトリに出力
AI生成画像は out/assets/generated/ に保存
GOOGLE_AI_API_KEY 未設定時は画像生成をスキップ(既存素材 or プレースホルダー使用)
Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1 --- 2 name: chachamaru127-claude-code-harness-generate-video 3 description: Generate Video Skill 4 --- 5 6 # Generate Video Skill 7 8 プロダクト説明動画の自動生成を担当するスキル群です。 9 10 --- 11 12 ## 概要 13 14 `/generate-video` コマンドの内部で使用されるスキルです。 15 コードベース分析 → シナリオ提案 → 並列生成のフローを実行します。 16 17 ## 機能詳細 18 19 | 機能 | 詳細 | 20 |------|------| 21 | **ベストプラクティス** | See [references/best-practices.md](${CLAUDE_SKILL_DIR}/references/best-practices.md) | 22 | **コードベース分析** | See [references/analyzer.md](${CLAUDE_SKILL_DIR}/references/analyzer.md) | 23 | **シナリオプランニング** | See [references/planner.md](${CLAUDE_SKILL_DIR}/references/planner.md) | 24 | **並列シーン生成** | See [references/generator.md](${CLAUDE_SKILL_DIR}/references/generator.md) | 25 | **視覚効果ライブラリ** | See [references/visual-effects.md](${CLAUDE_SKILL_DIR}/references/visual-effects.md) | 26 | **AI画像生成** | See [references/image-generator.md](${CLAUDE_SKILL_DIR}/references/image-generator.md) | 27 | **画像品質判定** | See [references/image-quality-check.md](${CLAUDE_SKILL_DIR}/references/image-quality-check.md) | 28 29 ## Prerequisites 30 31 - Remotion がセットアップ済み(`/remotion-setup`) 32 - Node.js 18+ 33 - (オプション)`GOOGLE_AI_API_KEY` - AI画像生成用 34 35 ## `/generate-video` フロー 36 37 ``` 38 /generate-video 39 │ 40 ├─[Step 1] 分析(analyzer.md) 41 │ ├─ フレームワーク検出 42 │ ├─ 主要機能検出 43 │ ├─ UIコンポーネント検出 44 │ └─ プロジェクト資産解析(Plans.md, CHANGELOG等) 45 │ 46 ├─[Step 2] シナリオ提案(planner.md) 47 │ ├─ 動画タイプ自動判定 48 │ ├─ シーン構成提案 49 │ └─ ユーザー確認 50 │ 51 ├─[Step 2.5] 素材生成(image-generator.md)← NEW 52 │ ├─ 素材必要判定(イントロ、CTA等) 53 │ ├─ Nano Banana Pro で2枚生成 54 │ ├─ Claude が品質判定(image-quality-check.md) 55 │ └─ OK → 採用 / NG → 再生成(最大3回) 56 │ 57 └─[Step 3] 並列生成(generator.md) 58 ├─ シーン並列生成(Task tool) 59 ├─ 統合 + トランジション 60 └─ 最終レンダリング 61 ``` 62 63 ## 実行手順 64 65 1. ユーザーが `/generate-video` を実行 66 2. Remotion セットアップ確認 67 3. `analyzer.md` でコードベース分析 68 4. `planner.md` でシナリオ提案 + ユーザー確認 69 5. `generator.md` で並列生成 70 6. 完了報告 71 72 ## 動画タイプ(ファネル別) 73 74 | タイプ | ファネル | 長さ目安 | 自動判定条件 | 構成の芯 | 75 |--------|----------|----------|--------------|----------| 76 | **LP/広告ティザー** | 認知〜興味 | 30-90秒 | 新規プロジェクト | 痛み→結果→CTA | 77 | **Introデモ** | 興味→検討 | 2-3分 | UI変更検出 | 1ユースケース完走 | 78 | **リリースノート** | 検討→確信 | 1-3分 | CHANGELOG更新 | Before/After重視 | 79 | **アーキテクチャ解説** | 確信→決裁 | 5-30分 | 大規模構造変更 | 実運用+証拠 | 80 | **オンボーディング** | 継続・活用 | 30秒-数分 | 初回セットアップ | Aha体験への最短パス | 81 82 > 詳細: [references/best-practices.md](${CLAUDE_SKILL_DIR}/references/best-practices.md) 83 84 ## シーンテンプレート 85 86 ### 90秒ティザー(LP/広告向け) 87 88 | 時間 | シーン | 内容 | 89 |------|--------|------| 90 | 0-5秒 | Hook | 痛み or 望む結果 | 91 | 5-15秒 | Problem+Promise | 対象ユーザーと約束 | 92 | 15-55秒 | Workflow | 象徴ワークフロー | 93 | 55-70秒 | Differentiator | 差別化の根拠 | 94 | 70-90秒 | CTA | 次の一手 | 95 96 ### 3分Introデモ(検討向け) 97 98 | 時間 | シーン | 内容 | 99 |------|--------|------| 100 | 0-10秒 | Hook | 結論+痛み | 101 | 10-30秒 | UseCase | ユースケース宣言 | 102 | 30-140秒 | Demo | 実画面で完走 | 103 | 140-170秒 | Objection | よくある不安1つ潰す | 104 | 170-180秒 | CTA | 行動喚起 | 105 106 ### 共通シーン 107 108 | シーン | 推奨時間 | 内容 | 109 |--------|----------|------| 110 | イントロ | 3-5秒 | ロゴ + タグライン | 111 | 機能デモ | 10-30秒 | Playwrightキャプチャ | 112 | アーキテクチャ図 | 10-20秒 | Mermaid → アニメーション | 113 | CTA | 3-5秒 | URL + 連絡先 | 114 115 > 詳細テンプレート: [${CLAUDE_SKILL_DIR}/references/best-practices.md](${CLAUDE_SKILL_DIR}/references/best-practices.md#テンプレート) 116 117 ## 音声同期ルール(重要) 118 119 ナレーション付き動画では以下を厳守: 120 121 | ルール | 値 | 122 |--------|-----| 123 | 音声開始 | シーン開始 + 30f(1秒待機) | 124 | シーン長さ | 30f + 音声長さ + 20f余白 | 125 | トランジション | 15f(隣接シーンとオーバーラップ) | 126 | シーン開始計算 | 前シーン開始 + 前シーン長 - 15f | 127 128 **事前確認**: `ffprobe` で音声長さを確認してからシーン設計 129 130 > 詳細: [${CLAUDE_SKILL_DIR}/references/generator.md](${CLAUDE_SKILL_DIR}/references/generator.md#音声同期ルール重要) 131 132 ## BGM サポート 133 134 | 項目 | 推奨値 | 135 |------|--------| 136 | ナレーションあり | bgmVolume: 0.20 - 0.30 | 137 | ナレーションなし | bgmVolume: 0.50 - 0.80 | 138 | ファイル配置 | `public/BGM/` | 139 140 > 詳細: [${CLAUDE_SKILL_DIR}/references/generator.md](${CLAUDE_SKILL_DIR}/references/generator.md#bgm-サポート) 141 142 ## 字幕サポート 143 144 | ルール | 値 | 145 |--------|-----| 146 | 字幕開始 | 音声開始と同じ | 147 | 字幕duration | 音声長 + 10f | 148 | フォント | Base64埋め込み推奨 | 149 150 > 詳細: [${CLAUDE_SKILL_DIR}/references/generator.md](${CLAUDE_SKILL_DIR}/references/generator.md#字幕サポート) 151 152 ## 視覚効果ライブラリ 153 154 インパクトのある動画向けエフェクト集: 155 156 | エフェクト | 用途 | 157 |-----------|------| 158 | GlitchText | Hook、タイトル | 159 | Particles | 背景、CTA収束 | 160 | ScanLine | 解析中演出 | 161 | ProgressBar | 並列処理表示 | 162 | 3D Parallax | カード表示 | 163 164 > 詳細: [references/visual-effects.md](${CLAUDE_SKILL_DIR}/references/visual-effects.md) 165 166 ## Notes 167 168 - Remotion未セットアップの場合は `/remotion-setup` を案内 169 - 並列生成数はシーン数に応じて自動調整(max 5) 170 - 生成された動画は `out/` ディレクトリに出力 171 - AI生成画像は `out/assets/generated/` に保存 172 - `GOOGLE_AI_API_KEY` 未設定時は画像生成をスキップ(既存素材 or プレースホルダー使用) 173 174 --- 175 > Converted and distributed by [TomeVault](https://tomevault.io/claim/chachamaru127) — claim your Tome and manage your conversions. 176 <!-- tomevault:4.0:skill_md:2026-04-11 -->
tomevault-io/skills-registry/tree/main/chachamaru127--claude-code-harness--generate-video commit fe96e4b259
Frequently asked questions How do I install the Chachamaru127 Claude Code Harness Generate Video skill? Run npx skillmds@latest add tomevault-io/chachamaru127-claude-code-harness-generate-video in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
What does the Chachamaru127 Claude Code Harness Generate Video skill do? Generate Video Skill It is listed under Coding & Dev Tools on SkillMD.
Is Chachamaru127 Claude Code Harness Generate Video safe to use? This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
Which AI agents work with Chachamaru127 Claude Code Harness Generate Video? This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Is Chachamaru127 Claude Code Harness Generate Video free to use? Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Who published Chachamaru127 Claude Code Harness Generate Video? tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.