用途：为 Remotion 视频编写 React 标记（markup）提供内容、动画与特效的最佳实践指导。若场景不相关，可改用 Remotion Best Practices。
主要能力与规则：动画必须由 useCurrentFrame() 和 interpolate() 驱动；CSS transition/animation 与 Tailwind 动画类无法正确渲染，需要重构。用 Easing.bezier() 和 Easing.spring() 自定义时间曲线。interpolate() 调用应内联写在 style 属性中，优先使用 scale、translate、rotate 等 CSS 属性而非 transform 字符串，便于在 Studio 中编辑。scale 动画可使用 output: 'perceptual-scale'。
素材与媒体：素材放在项目根目录 public/ 文件夹，用 staticFile() 引用，也可直接传远程 URL。视频与音频用 @remotion/media 的 <Video>、<Audio>；图片用 <CanvasImage>；动图用 <AnimatedImage>，非 Chrome 环境用 @remotion/gif。
时间控制：多数组件支持 from、durationInFrames、trimBefore 等属性；不支持时可包在 <Sequence> 中，layout="absolute-fill" 使其类似 AbsoluteFill，layout="none" 为无包裹元素模式。
用法与命令：用 npx remotion add 安装正确版本的包，如 npx remotion add @remotion/media，适用于 @remotion/、mediabunny、@mediabunny/ 和 zod。预览用 npx remotion studio --no-open，会打印服务器 URL，可访问 /[composition-id]。可选单帧渲染检查：npx remotion still [composition-id] --scale=0.25 --frame=30（--frame 从 0 开始，30fps 时 30 为一秒）。
扩展主题：资料还指向地图、文字高亮与标注、多场景视频、配音（ElevenLabs TTS）、嵌入视频/音频、视频编辑、裁剪、转场、视觉与像素特效、3D（Three.js 与 React Three Fiber）、音效、音频可视化、字幕、Google Fonts 与本地字体、GIF、高级图片、Lottie、时间技巧、参数化视频、测量 DOM 与文本、FFmpeg、静音检测、动态时长尺寸数据、高级合成与排序等参考文档。
限制：资料未提供收费、价格、平台支持范围或效果保证等信息；具体实现细节需查阅对应参考文档。