Remotion 视频创建最佳实践。当处理 Remotion 代码、创建视频动画、使用 React 制作视频、处理视频合成、动画、音频、字幕、图表、3D 内容，或提到「remotion」「视频制作」「react 视频」「动画视频」时使用。提供 Remotion 领域专业知识。
本技能提供 Remotion 视频创建的专业知识和最佳实践。
在处理 Remotion 代码时使用本技能，以获取领域专业知识。
阅读各个规则文件以获取详细说明和代码示例。根据任务需要，按需加载相应的规则文件：
详细规则和代码示例请参考 references/ 目录下的文件：
references/compositions.md - 定义合成、静态帧、文件夹、默认属性和动态元数据references/animations.md - Remotion 的基础动画技能references/timing.md - 插值曲线：线性、缓动、弹簧动画references/sequencing.md - 序列模式：延迟、修剪、限制时长references/assets.md - 导入图像、视频、音频和字体references/images.md - 使用 Img 组件嵌入图像references/videos.md - 嵌入视频：修剪、音量、速度、循环、音调references/audio.md - 使用音频和声音：导入、修剪、音量、速度、音调references/gifs.md - 同步显示 GIFreferences/text-animations.md - 排版和文本动画模式references/measuring-text.md - 测量文本尺寸、适配文本、检查溢出references/display-captions.md - 显示字幕，支持 TikTok 风格和单词高亮references/import-srt-captions.md - 导入 .srt 字幕文件references/transcribe-captions.md - 音频转录生成字幕references/3d.md - 使用 Three.js 和 React Three Fiber 创建 3D 内容references/charts.md - 图表和数据可视化模式references/lottie.md - 嵌入 Lottie 动画references/maps.md - 使用 Mapbox 添加和动画化地图references/transitions.md - 场景过渡模式references/trimming.md - 修剪模式：剪切动画开头或结尾references/fonts.md - 加载 Google Fonts 和本地字体references/tailwind.md - 使用 TailwindCSSreferences/measuring-dom-nodes.md - 测量 DOM 元素尺寸references/calculate-metadata.md - 动态设置合成元数据references/parameters.md - 使用 Zod schema 使视频可参数化references/can-decode.md - 检查视频是否可解码references/extract-frames.md - 从视频中提取帧references/get-audio-duration.md - 获取音频时长references/get-video-dimensions.md - 获取视频尺寸references/get-video-duration.md - 获取视频时长references/compositions.md）references/animations.md）references/assets.md）references/import-srt-captions.md 或 references/transcribe-captions.md）references/display-captions.md）references/get-video-duration.md、references/get-video-dimensions.md）references/videos.md）references/transitions.md）references/3d.md）注意：本技能使用渐进式披露原则。SKILL.md 提供概览和索引，详细规则和代码示例在 references/ 目录中，按需加载。