generate-video

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Generate Video Skill

视频生成技能

プロダクト説明動画の自動生成を担当するスキル群です。

这是负责自动生成产品说明视频的技能集合。

概要

/generate-video

コマンドの内部で使用されるスキルです。コードベース分析 → シナリオ提案 → 並列生成のフローを実行します。

这是

/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

功能	详情
最佳实践	参考 references/best-practices.md
代码库分析	参考 references/analyzer.md
场景规划	参考 references/planner.md
并行场景生成	参考 references/generator.md
视觉效果库	参考 references/visual-effects.md
AI图像生成	参考 references/image-generator.md
图像质量判定	参考 references/image-quality-check.md

Prerequisites

前置条件

Remotion がセットアップ済み（
```
/remotion-setup
```
）
Node.js 18+
（オプション）
```
GOOGLE_AI_API_KEY
```
- AI画像生成用

已完成Remotion配置（
```
/remotion-setup
```
）
Node.js 18+
（可选）
```
GOOGLE_AI_API_KEY
```
- 用于AI图像生成

/generate-video

フロー

/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
    │
    ├─[步骤1] 分析（analyzer.md）
    │   ├─ 框架检测
    │   ├─ 核心功能检测
    │   ├─ UI组件检测
    │   └─ 项目资产解析（Plans.md、CHANGELOG等）
    │
    ├─[步骤2] 场景提案（planner.md）
    │   ├─ 视频类型自动判定
    │   ├─ 场景结构提案
    │   └─ 用户确认
    │
    ├─[步骤2.5] 素材生成（image-generator.md）← 新增
    │   ├─ 素材必要性判定（开场、CTA等）
    │   ├─ 通过Nano Banana Pro生成2张
    │   ├─ 由Claude进行质量判定（image-quality-check.md）
    │   └─ 合格→采用 / 不合格→重新生成（最多3次）
    │
    └─[步骤3] 并行生成（generator.md）
        ├─ 场景并行生成（Task tool）
        ├─ 整合 + 转场
        └─ 最终渲染

実行手順

执行步骤

ユーザーが
```
/generate-video
```
を実行
Remotion セットアップ確認
```
analyzer.md
```
でコードベース分析
```
planner.md
```
でシナリオ提案 + ユーザー確認
```
generator.md
```
で並列生成
完了報告

用户执行
```
/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

类型	转化漏斗阶段	时长参考	自动判定条件	核心结构
落地页/广告预告	认知〜兴趣	30-90秒	新项目	痛点→成果→CTA
入门演示	兴趣→考虑	2-3分钟	检测到UI变更	完整演示一个用例
发布说明	考虑→确信	1-3分钟	CHANGELOG更新	侧重Before/After对比
架构解说	确信→决策	5-30分钟	大规模结构变更	实际运营+证据
引导教程	留存・活用	30秒-数分钟	首次配置	直达Aha时刻的最短路径

详情: references/best-practices.md

シーンテンプレート

场景模板

90秒ティザー（LP/広告向け）

90秒预告（落地页/广告适用）

時間	シーン	内容
0-5秒	Hook	痛み or 望む結果
5-15秒	Problem+Promise	対象ユーザーと約束
15-55秒	Workflow	象徴ワークフロー
55-70秒	Differentiator	差別化の根拠
70-90秒	CTA	次の一手

时间	场景	内容
0-5秒	钩子	痛点或期望成果
5-15秒	问题+承诺	目标用户与价值承诺
15-55秒	工作流	代表性工作流
55-70秒	差异化优势	差异化依据
70-90秒	CTA	行动指引

3分Introデモ（検討向け）

3分钟入门演示（面向考虑阶段用户）

時間	シーン	内容
0-10秒	Hook	結論+痛み
10-30秒	UseCase	ユースケース宣言
30-140秒	Demo	実画面で完走
140-170秒	Objection	よくある不安1つ潰す
170-180秒	CTA	行動喚起

时间	场景	内容
0-10秒	钩子	结论+痛点
10-30秒	用例说明	明确用例
30-140秒	演示	实际界面完整操作
140-170秒	异议消除	解决一个常见顾虑
170-180秒	CTA	行动号召

共通シーン

通用场景

シーン	推奨時間	内容
イントロ	3-5秒	ロゴ + タグライン
機能デモ	10-30秒	Playwrightキャプチャ
アーキテクチャ図	10-20秒	Mermaid → アニメーション
CTA	3-5秒	URL + 連絡先

詳細テンプレート: references/best-practices.md

场景	推荐时长	内容
开场	3-5秒	Logo + 标语
功能演示	10-30秒	Playwright录制
架构图	10-20秒	Mermaid → 动画
CTA	3-5秒	URL + 联系方式

详细模板: references/best-practices.md

音声同期ルール（重要）

音频同步规则（重要）

ナレーション付き動画では以下を厳守:

ルール	値
音声開始	シーン開始 + 30f（1秒待機）
シーン長さ	30f + 音声長さ + 20f余白
トランジション	15f（隣接シーンとオーバーラップ）
シーン開始計算	前シーン開始 + 前シーン長 - 15f

事前確認:

ffprobe

で音声長さを確認してからシーン設計

詳細: references/generator.md

带旁白的视频需严格遵守以下规则:

规则	数值
音频开始时间	场景开始 + 30帧（等待1秒）
场景时长	30帧 + 音频时长 + 20帧留白
转场	15帧（与相邻场景重叠）
场景开始时间计算	前一场景开始时间 + 前一场景时长 - 15帧

事前确认: 先用

ffprobe

确认音频时长再进行场景设计

详情: references/generator.md

BGM サポート

BGM 支持

項目	推奨値
ナレーションあり	bgmVolume: 0.20 - 0.30
ナレーションなし	bgmVolume: 0.50 - 0.80
ファイル配置	`public/BGM/`

詳細: references/generator.md

项目	推荐值
带旁白	bgmVolume: 0.20 - 0.30
无旁白	bgmVolume: 0.50 - 0.80
文件存放位置	`public/BGM/`

详情: references/generator.md

字幕サポート

字幕支持

ルール	値
字幕開始	音声開始と同じ
字幕duration	音声長 + 10f
フォント	Base64埋め込み推奨

詳細: references/generator.md

规则	数值
字幕开始时间	与音频开始时间一致
字幕持续时长	音频时长 + 10帧
字体	推荐Base64嵌入

详情: references/generator.md

視覚効果ライブラリ

视觉效果库

インパクトのある動画向けエフェクト集:

エフェクト	用途
GlitchText	Hook、タイトル
Particles	背景、CTA収束
ScanLine	解析中演出
ProgressBar	並列処理表示
3D Parallax	カード表示

詳細: references/visual-effects.md

面向高冲击力视频的特效集合:

特效	用途
GlitchText	钩子、标题
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 プレースホルダー使用）

未配置Remotion时，引导用户执行
```
/remotion-setup
```
并行生成数量会根据场景数自动调整（最大5个）
生成的视频输出至
```
out/
```
目录
AI生成的图片保存至
```
out/assets/generated/
```
未设置
```
GOOGLE_AI_API_KEY
```
时跳过图片生成（使用现有素材或占位符）

generate-video

Original

Translation

Generate Video Skill

视频生成技能

概要

概要

機能詳細

功能详情

Prerequisites

前置条件

`/generate-video`
フロー

`/generate-video`
流程

実行手順

执行步骤

動画タイプ（ファネル別）

视频类型（按转化漏斗划分）

シーンテンプレート

场景模板

90秒ティザー（LP/広告向け）

90秒预告（落地页/广告适用）

3分Introデモ（検討向け）

3分钟入门演示（面向考虑阶段用户）

共通シーン

通用场景

音声同期ルール（重要）

音频同步规则（重要）

BGM サポート

BGM 支持

字幕サポート

字幕支持

視覚効果ライブラリ

视觉效果库

Notes

注意事项