用 Remotion + AI 5分钟生成爆款短视频

TikTok、YouTube Shorts、Instagram Reels——短视频统治社交媒体。但规模化生产高质量内容，要么需要制作团队，要么需要聪明的自动化策略。

本教程教你如何用 Remotion 配合官方 AgentSkill，从文字提示直接生成短视频。零视频剪辑经验要求。

前置条件

• Node.js 18+
• 安装了 remotion-best-practices 技能的 AI Agent
• Remotion 许可证（个人免费）

第一步：项目初始化（30秒）

bun create video my-shorts
cd my-shorts
npx skills add remotion-dev/skills

创建 Remotion 项目并预配置 Agent Skill。运行 npx remotion studio 打开可视化预览。

第二步：生成第一个视频（2分钟）

告诉你的 AI Agent：

"创建一个9:16竖版视频（1080x1920），用于TikTok。
时长：30秒。
内容：励志语录视频。
- 背景：深色渐变+微粒子效果
- 文字：'别再等待完美的时机'（2秒淡入）
- 副标题：'完美的时机就是现在。'（4秒淡入）
- 结尾：关注 @mybrand（8秒淡入）
所有文字使用弹簧动画。
背景添加微缩放效果。"

Agent 在 remotion-best-practices 技能的指导下会：

1. 设置正确的 9:16 尺寸组合
2. 加载 rules/animations.md 获取弹簧物理和时序
3. 加载 rules/timing.md 获取缓动曲线
4. 加载 rules/text-animations.md 获取淡入效果
5. 生成完整的 React 组件

第三步：添加 AI 配音（1分钟）

"添加AI配音。
使用深沉自信的男声。
文字：'别再等待完美的时机。完美的时机就是现在。今天就开始，不完美的开始也好过不开始。'
配音节奏与文字动画同步。"

Agent 加载 rules/voiceover.md 集成 ElevenLabs TTS，配音自动与视觉元素同步。

第四步：添加背景音乐（1分钟）

"添加微妙的电影感背景音乐。
配音播放时音量自动降低。
0秒淡入，5秒满音量，28秒淡出。"

Agent 使用 rules/audio.md 处理音量控制和音频闪避。

第五步：渲染输出（30秒）

npx remotion render TikTokVideo out/motivational-quote.mp4

Remotion 使用 Chrome 无头模式逐帧渲染，输出像素级精确的 MP4。

批量生产模板

一旦模板就绪，规模化：

"基于励志语录模板生成10个变体视频。
每条使用不同的语录：
1. '唯一的限制是你的想象力'
2. '梦想要大，行动要小'
3. '追求进步，而非完美'
4. '你的未来由今天的行动创造'
5. '成为你想看到的改变'
（再加5条）

保持风格一致，但变化：
- 背景渐变颜色（暖色系）
- 文字动画时序（错开入场）
- 配音节奏

渲染为10个独立的MP4文件。"

几分钟内产出10条平台就绪的视频——够发一整周了。

进阶：数据驱动视频

"创建60秒TikTok视频，展示本周加密货币价格变化。
- 动态折线图（BTC、ETH、SOL）
- 关键价格标注带动画
- 语音解说趋势
- 背景：深色+霓虹色调
- 所有价格信息加字幕"

Agent 加载 rules/charts.md 做数据可视化动画、rules/subtitles.md 做文字叠加、rules/voiceover.md 做配音。

实用技巧

• 先预览再渲染 — 用 npx remotion studio 排查问题
• 单帧快速检查 — npx remotion still MyComp --frame=30
• 弹簧动画优先 — 弹簧比线性时间更自然
• 控制60秒以内 — TikTok 和 Reels 偏好短内容
• 批量渲染 — 一条命令渲染多个组合

内容日历示例

星期	内容类型	制作耗时
周一	励志语录	5分钟
周二	数据可视化	10分钟
周三	技巧清单	7分钟
周四	幕后花絮	5分钟
周五	周末挑战	5分钟

每周总制作时间：约32分钟。这就是程序化视频的力量。

开始行动

bun create video my-shorts
npx skills add remotion-dev/skills
npx remotion studio

探索更多 AI 技能：skillsagent.org

---

教程由 SkillsAgent 发布，2026年4月18日。