remotion-best-practices

这玩意儿干嘛的？

用 React 代码写视频——Remotion 官方出品的最佳实践指南，2,772 颗星。涵盖 30+ 规则文件，从基础动画、字幕处理、FFmpeg 操作到 Three.js 3D 场景全覆盖。装了这个 Skill，相当于有了一个 Remotion 视频开发的超级参考手册。

为什么值得装？

Remotion 本身很强大，但文档分散、参数多、坑不少。remotion-best-practices 把 Remotion 团队的最佳实践整理成了规则文件——什么参数怎么用、什么动画用什么插值、字幕怎么处理、FFmpeg 怎么调参，全是实战经验。对于需要用代码做视频的创作者，这相当于一本避坑指南。

怎么用？

1. 创建项目：npx create-video@latest --yes --blank --no-tailwind my-video
2. 预览调试：npx remotion studio 打开可视化编辑器
3. 按需加载规则文件：不同场景加载不同规则（动画用 rules/animations.md、字幕用 rules/captions.md）

核心功能

功能	说明
基础动画	interpolate、Bezier 缓动、spring 物理动画的最佳实践
音频处理	音频裁剪、音量调整、背景音乐合成
字幕系统	SRT/ASS 字幕加载、字幕动画、样式控制
图表渲染	柱状图、饼图、折线图、股票图的代码实现
字体加载	Google Fonts 和本地字体的正确加载方式
FFmpeg 集成	视频裁剪、静音检测、格式转换
3D 场景	Three.js 和 React Three Fiber 集成到 Remotion
语音合成	ElevenLabs TTS 配音工作流
参数化视频	Zod Schema 定义可参数化视频，通过 URL 参数控制内容