Remotion 视频制作
上游
官方 Remotion 代理技能:https://github.com/remotion-dev/skills 官方文档:https://www.remotion.dev/docs/ai/skills
如需获取完整的官方技能集及其引用的规则文件,请在消费工作区中使用 npx skills add remotion-dev/skills 进行安装。本本地技能是一个工作流指南,并非上游发行版的逐字拷贝。
工作流
- 检查现有项目并保留用户所做的更改。
- 如果不存在项目,请使用官方创建工作流并验证包的兼容性。
- 明确指定合成 ID、尺寸、帧率 (FPS)、持续时间、属性 (props) 和资源位置。
- 使用基于帧/时间的 API,例如
useCurrentFrame()和useVideoConfig();不要依赖壁钟 CSS 动画来控制渲染时序。 - 使用插值/弹簧辅助函数,并酌情添加有意的缓动和裁剪范围。
- 排列场景和转场,使其帧计数和重叠产生预期的总持续时间。
- 使用支持的媒体组件和静态资源辅助函数;在渲染前等待异步资源加载完成。
- 在允许的环境下,启动 Studio 预览并在编辑或渲染前进行检查。
- 仅在用户请求时执行渲染,然后检查导出的文件,验证其持续时间、尺寸、帧率、音频和代表性帧。
质量规则
- 避免不必要的每帧 React 工作和昂贵的副作用。
- 保持字体、图像、音频和视频路径的可复现性。
- 避免无效的帧计算、负数的持续时间、缺失的资源以及无界的插值。
- 检查文本适配、从右到左 (RTL) 文本塑形、字幕时序以及视觉连续性。
- 在部署前,验证当前的 Remotion 许可协议和商业使用条款。