用途
这是一个用于 Remotion（在 React 中创建视频）开发的技能资源，适合在编写或调整 Remotion 代码时查阅，以获取与 Remotion 领域相关的知识和实践参考。
主要能力
该技能按主题组织为多个规则文件，每个文件包含详细说明与代码示例，覆盖以下方面：
- 3D 内容：使用 Three.js 与 React Three Fiber 在 Remotion 中制作 3D 内容（rules/3d.md）
- 动画基础：Remotion 基本动画技能（rules/animations.md）
- 素材导入：图片、视频、音频与字体的导入（rules/assets.md）
- 音频与声音：导入、裁剪、音量、速度、音高（rules/audio.md）
- 元数据计算：动态设置 composition 的时长、尺寸与 props（rules/calculate-metadata.md）
- 视频可解码检查：使用 Mediabunny 检查浏览器能否解码视频（rules/can-decode.md）
- 图表与数据可视化：在 Remotion 中制作图表与数据可视化的模式（rules/charts.md）
- Composition 定义：定义 compositions、stills、文件夹、默认 props 与动态元数据（rules/compositions.md）
- 字幕显示：TikTok 风格分页与逐词高亮的字幕展示（rules/display-captions.md）
- 帧提取：使用 Mediabunny 在指定时间点从视频中提取帧（rules/extract-frames.md）
- 字体：加载 Google Fonts 与本地字体（rules/fonts.md）
- 音频时长：使用 Mediabunny 获取音频文件时长（秒）（rules/get-audio-duration.md）
- 视频尺寸：使用 Mediabunny 获取视频宽高（rules/get-video-dimensions.md）
- 视频时长：使用 Mediabunny 获取视频文件时长（秒）（rules/get-video-duration.md）
- GIF：展示与 Remotion 时间线同步的 GIF（rules/gifs.md）
- 图片：使用 Img 组件嵌入图片（rules/images.md）
- 导入 SRT 字幕：使用 @remotion/captions 导入 .srt 字幕文件（rules/import-srt-captions.md）
- Lottie 动画：在 Remotion 中嵌入 Lottie 动画（rules/lottie.md）
- DOM 测量：测量 DOM 元素尺寸（rules/measuring-dom-nodes.md）
- 文本测量：测量文本尺寸、让文本适配容器并检查溢出（rules/measuring-text.md）
- 序列编排：延迟、裁剪、限制条目时长的模式（rules/sequencing.md）
- TailwindCSS：在 Remotion 中使用 TailwindCSS（rules/tailwind.md）
- 文字动画：排版与文字动画模式（rules/text-animations.md）
- 时间与缓动：插值曲线，包括线性、缓动与弹簧动画（rules/timing.md）
- 字幕转录：将音频转录以生成字幕（rules/transcribe-captions.md）
- 场景过渡：场景切换模式（rules/transitions.md）
- 裁剪：裁剪动画开头或结尾的模式（rules/trimming.md）
- 视频嵌入：在 Remotion 中嵌入视频，支持裁剪、音量、速度、循环、音高（rules/videos.md）
使用方式
当任务涉及 Remotion 代码时使用该技能，并按需阅读对应的规则文件，以获取该主题的详细说明与代码示例。
适用场景
适用于在 React 环境中使用 Remotion 进行视频生成的项目，例如需要处理动画、音视频素材、字幕、字体、图表、3D、Lottie、页面过渡或时间节奏等具体任务的开发场景。
限制
仅在任务明确匹配上述范围时使用该技能。其输出不应替代针对具体环境的验证、测试或专家审查。如果缺少必要的输入、权限、安全边界或成功标准，应暂停并请求澄清。