remotion-best-practices

用途：在编写或维护 Remotion（用 React 创建视频）代码时调用此技能，获取领域特定知识。\n\n主要能力：涵盖新项目脚手架、动画设计、素材引用（图片、视频、音频、GIF、Lottie）、时序与转场、字幕、音效、音频可视化、3D（Three.js/React Three Fiber）、字体（Google Fonts/本地字体）、动态时长与尺寸（calculateMetadata）、地图、AI 配音（ElevenLabs TTS）等。\n\n必要用法：空目录下搭建项目可使用 npx create-video@latest --yes --blank --no-tailwind my-video；启动预览使用 npx remotion studio；单帧渲染检查可使用 npx remotion still [composition-id] --scale=0.25 --frame=30（--frame 从 0 计数）。动画属性使用 useCurrentFrame() 与 interpolate()，并通过 Easing 自定义时序；禁止使用 CSS 过渡/动画和 Tailwind 动画类名，否则无法正确渲染。素材放入项目根的 public/ 目录，用 staticFile() 引用；图片用 <Img>，视频与音频用 @remotion/media 的 <Video>、<Audio>，也可直接使用远程 URL。用 <Sequence> 的 from 延迟内容、durationInFrames 限制时长，内联内容用 layout="none"。标题、尺寸、fps、时长在 src/Root.tsx 的 <Composition> 中定义。\n\n适用场景：Remotion 视频的搭建、动画、字幕、音频处理、复杂合成、转场与渲染等开发任务。\n\n限制：字幕、FFmpeg、静音检测、音频可视化、音效、3D、字体、GIF、地图、配音等具体主题需按文档加载对应 rules 文件（如 ./rules/subtitles.md、./rules/ffmpeg.md 等）。官方文档未提供收费、价格或平台信息。