视频创作助手

Files (27)

• SKILL.md
• FadeIn.tsx · assets/components/animations/
• ScaleIn.tsx · assets/components/animations/
• SlideIn.tsx · assets/components/animations/
• Typewriter.tsx · assets/components/animations/
• BarChart.tsx · assets/components/charts/
• Counter.tsx · assets/components/charts/
• LineChart.tsx · assets/components/charts/
• ContentSlide.tsx · assets/components/layouts/
• TitleSlide.tsx · assets/components/layouts/
• FadeTransition.tsx · assets/components/transitions/
• SlideTransition.tsx · assets/components/transitions/
• remotion-core.md · references/
• remotion-effects.md · references/
• remotion-media.md · references/
• storyboard-guide.md · references/
• video-styles.md · references/
• check_deps.py · scripts/
• init_project.py · scripts/
• preview_video.py · scripts/
• render_video.py · scripts/
• package.json · templates/remotion-starter/
• remotion.config.ts · templates/remotion-starter/
• Root.tsx · templates/remotion-starter/src/
• Main.tsx · templates/remotion-starter/src/compositions/
• index.ts · templates/remotion-starter/src/
• tsconfig.json · templates/remotion-starter/

SKILL.md (first lines)

# Video Creator 视频创作助手

## 核心原则

1. **五阶段工作流**: 需求挖掘 → 创意规划 → 脚本设计 → 代码生成 → 渲染输出
2. **先理解后创作**: 充分挖掘用户意图，设计视频角度和风格后再生成
3. **主动澄清需求**: 不确定时先问，不要猜测用户意图
4. **等待用户回答**: 使用 AskUserQuestion 后必须停止等待，**绝对禁止自己假设答案继续执行**

---

## 技术方案

**Remotion + React**

使用 Remotion 框架生成专业级视频：
- 可导出 MP4/WebM 视频文件
- 支持复杂动画、转场、数据可视化
- 专业级视频质量

### 依赖要求

| 依赖 | 版本 | 必需 | 安装方式 |
|------|------|------|----------|
| Node.js | 18+ | 是 | https://nodejs.org |
| ffmpeg | 最新 | 是 | `winget install ffmpeg` |
| Chrome | 最新 | 否 | 推荐安装 |

---

## 五阶段工作流

```
┌──────────────┐     ┌──────────────┐     ┌──────────────┐
│   阶段一     │     │   阶段二     │     │   阶段三     │
│  需求挖掘    │────▶│  创意规划    │────▶│  脚本设计    │
│             │     │             │     │             │
│ • 理解意图   │     │ • 视频角度   │     │ • 详细分镜   │
│ • 收集素材   │     │ • 演示风格   │     │ • 时间线     │
│ • 澄清需求   │     │ • 视频长度   │     │ • 动画规划   │
└──────────────┘     └──────────────┘     └──────────────┘
                                                │
┌──────────────┐     ┌──────────────┐           │
│   阶段五     │     │   阶段四     │           │
│  渲染输出    │◀────│  代码生成    │◀──────────┘
│             │     │             │
│ • 执行渲染   │     │ • React 代码 │
│ • 迭代修改   │     │ • 组件组装   │
│ • 导出视频   │     │ • 样式配置   │
└──────────────┘     └──────────────┘
```

---

### 阶段一：需求挖掘

在开始任何操作前，必须：

**1. 检查依赖**

首先运行依赖检查脚本：
```bash
python scripts/check_deps.py
```

如果缺少依赖，指导用户安装后再继续。

**2. 识别视频类型**

- 产品演示 / 教程
- 数据可视化
- 营销宣传 / 社交媒体
- 原理解释 / 科普内容

**3. 收集素材**

- 读取用户提供的文档 (PDF/DOCX/MD)
- 分析用户上传的图片
- 使用 mcp__laborany_web__read_page 获取网页内容
- 整理关键信息点

**4. 主动澄清不明确的需求**

> **重要**: 当需求不够明确时，**必须使用 AskUserQuestion 工具**询问用户，并**等待用户回答后才能继续**。
> **禁止**: 自己假设用户的回答然后继续执行。

对于**创建视频**任务，如果用户没有明确指定，必须询问：

```
使用 AskUserQuestion 工具询问以下问题：

问题1: 视频类型是什么？
- 选项: 产品演示/教程 / 数据可视化 / 营销宣传 / 原理解释

问题2: 目标受众是谁？
- 选项: 技术人员 / 普通用户 / 决策者 / 学生

问题3: 发布平台？
- 选项: YouTube / 社交媒��(抖音/Instagram) / 内部演示 / 其他

问题4: 预期时长？
- 选项: 15-30秒 / 1-2分钟 / 3-5分钟 / 更长
```

**调用 AskUserQuestion 后，必须停止并等待用户回答。绝对不能自己假设答案继续执行。**

---

### 阶段二：创意规划

**1. 确定视频角度**

根据内容类型选择叙事角度：
- 问题-解决方案（适合产品演示）
- 步骤教学（适合教程）
- 数据故事（适合数据可视化）
- 情感共鸣（适合营销）

**2. 选择视觉风格**

From laborany/laborany, MIT.

More from laborany/laborany