用途
本技能用于在编写或处理 Remotion 代码时提供领域特定的知识与最佳实践。Remotion 是一个在 React 中创建视频的框架，本技能以规则文档的形式组织相关知识，帮助开发者在具体场景下快速找到对应的做法与代码示例。
主要能力
技能内容按主题拆分为多个规则文件，覆盖以下方面：
- 3D 内容：在 Remotion 中使用 Three.js 与 React Three Fiber（rules/3d.md）
- 基础动画：Remotion 的基本动画技能（rules/animations.md）
- 资源导入：将图片、视频、音频和字体导入 Remotion（rules/assets.md）
- 音频：导入、裁剪、音量、速度、音高（rules/audio.md）
- 动态元数据：动态设置合成时长、尺寸和 props（rules/calculate-metadata.md）
- 解码检测：使用 Mediabunny 检查浏览器能否解码视频（rules/can-decode.md）
- 图表：柱状图、饼图、折线图、股票图等数据可视化模式（rules/charts.md）
- 合成：定义合成、静帧、文件夹、默认 props 和动态元数据（rules/compositions.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）
- 光斑：使用 @remotion/light-leaks 实现光斑叠加效果（rules/light-leaks.md）
- Lottie：嵌入 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/transitions.md）
- 透明视频：渲染带透明度的视频（rules/transparent-videos.md）
- 裁剪：裁掉动画开头或结尾（rules/trimming.md）
- 视频嵌入：裁剪、音量、速度、循环、音高（rules/videos.md）
- 参数化：通过添加 Zod schema 让视频可参数化（rules/parameters.md）
- 地图：使用 Mapbox 添加并动画化地图（rules/maps.md）
- 语音旁白：使用 ElevenLabs TTS 为 Remotion 合成添加 AI 生成旁白（rules/voiceover.md）
使用方式
在处理 Remotion 代码时使用本技能以获取领域特定知识。针对特定主题，加载对应的规则文件获取详细说明与代码示例。例如：处理字幕或副标题时加载 ./rules/subtitles.md；进行视频裁剪或静音检测等操作时使用 FFmpeg，加载 ./rules/ffmpeg.md；需要音频可视化（频谱条、波形、低音反应效果）时加载 ./rules/audio-visualization.md；需要使用音效时加载 ./rules/sound-effects.md。
适用场景
适用于任何涉及 Remotion 代码的开发工作，包括视频合成定义、动画与时间控制、音视频资源处理、字幕、图表可视化、3D 内容、地图动画、语音旁白等。
限制
本技能为规则文档集合，具体安装命令、收费方式、价格、平台支持等信息暂未提供。