核心用法
本技能提供 Remotion（React 视频创作框架）的全方位最佳实践，包含 25+ 细分领域的规则文档：
基础能力：组件化视频合成（Composition）、资源管理（图片/视频/音频/GIF/字体）、动画时序控制（timing、sequencing、trimming）
高级特性：
- 3D 渲染（Three.js/React Three Fiber 集成）
- 数据可视化（
charts图表模式） - 字幕系统（SRT 导入、AI 转录、TikTok 风格逐词高亮）
- 媒体处理（Mediabunny 工具链：视频解码检测、帧提取、元数据获取）
- 样式方案（TailwindCSS 集成、响应式文本适配）
工程化支持：动态元数据计算、Lottie 动画嵌入、场景过渡（transitions）、DOM 测量等
显著优点
1. 权威性高：官方维护的最佳实践集合，与框架版本同步更新
2. 覆盖面全：从简单动画到复杂视频生产线（字幕+转录+合成）全链路覆盖
3. React 原生：完全基于 React 生态，开发者无需学习新范式
4. 可编程性强：代码即视频，版本控制、复用、自动化测试天然支持
潜在局限
1. 渲染成本：视频导出依赖 CPU/GPU 计算，复杂场景耗时较长
2. 浏览器限制：部分视频编码依赖浏览器解码能力（提供 can-decode 检测）
3. 学习曲线：需同时掌握 React、动画原理和视频编码概念
4. 实时预览限制：高分辨率项目预览性能受限
适合人群
- React 前端开发者转向视频/动画生产
- 需要程序化生成批量视频的内容团队（营销、教育、数据新闻）
- 构建视频 SaaS 产品的技术团队
- 希望用代码替代 After Effects 的 motion designer
常规风险
- 浏览器视频解码兼容性差异（务必使用
can-decode预检） - 大文件内存占用（建议分块处理长视频）
- 字体/素材加载失败导致渲染中断（生产环境需预加载验证）
- 音频同步精度问题（复杂时间轴需仔细校验）