---
name: remotion-video
description: |
使用 Remotion 框架以编程方式创建视频。Remotion 让你用 React 组件定义视频内容，支持动画、字幕、音乐可视化等。
触发词：
- "用代码做视频"、"编程视频"、"React 视频"
- "Remotion"、"remotion"
- "/remotion-video"
适用场景：
- 程序化视频：(1) 批量生成 (2) 数据驱动（如年度总结）(3) 音乐可视化 (4) 自动字幕
- 教程讲解视频：(5) 技术概念可视化（如 CNN、算法）(6) 分层递进讲解 (7) AI 配音教程
- 3D 视频：(8) 产品展示/模型动画 (9) 卡通角色讲解 (10) 3D 数据可视化 (11) Logo 动画
last_updated: 2026-05-15
---
# Remotion Video Skill
一次生成精美动画视频。音频驱动，MiniMax 克隆声音，Whisper 字幕自动校准，顶级动画效果。
---
## 📋 速查表
| 我要做... | 看这里 |
|----------|--------|
| 跑通完整流程 | Step 0→7 |
| MiniMax 报错 2061 | Step 2.0 密钥类型诊断 |
| 字幕有错字/乱码 | Step 4.4 人工逐段纠错 |
| 字幕不同步 | **先确认：没有运行比例重分配脚本**；然后检查 Step 4 字幕管道 |
| 画面太静/动效太少 | Step 6.6 持续性动效 |
| 旁白说A画面显B | Step 6.4 音画同步 |
| 多Phase场景图片/内容不同步 | Step 6.8 多Phase背景同步 |
| 素材有图片 | Step 5 图片处理 |
| 渲染报错 | 「关键陷阱速查」 |
| 做3D视频 | `refs/troubleshooting.md`「3D 渲染」 |
| 组件代码 | `refs/components.md` |
| 动画设计参考 | `refs/animation-style.md` |
---
## 🎬 工作流总览
```
Step 0 需求分析 + 环境初始化
↓
Step 1 脚本生成 → script.md + scenes.json
↓
Step 2 MiniMax TTS 克隆声音 → public/audio/*.mp3
↓
Step 3 时长检测 → src/audioConfig.ts（唯一时间源）
↓
Step 4 Whisper 字幕 → 术语校准 → 原文校正 → src/captionsConfig.ts
↓
Step 5 图片处理（如有素材）→ public/images/
↓
Step 6 场景组件开发（动画 + 音画同步 + 视觉层次）
↓
Step 7 组装 Root.tsx → 质量检查 → 渲染输出
```
安装后查看完整内容 ↓