适用场景

当你处理 Remotion 代码并需要获取领域特定知识时，可使用本系列技能。

使用方法

请查阅各条规则对应的独立文件，以获取详细说明与代码示例：

• rules/3d.md — 使用 Three.js 和 React Three Fiber 在 Remotion 中创建 3D 内容
• rules/animations.md — Remotion 的基础动画技能
• rules/assets.md — 向 Remotion 中导入图片、视频、音频和字体
• rules/audio.md — 在 Remotion 中使用音频与声音：导入、裁剪、音量、播放速度、音调
• rules/calculate-metadata.md — 动态设置合成（composition）的持续时间、尺寸及 props
• rules/can-decode.md — 使用 Mediabunny 检查视频是否可被浏览器解码
• rules/charts.md — Remotion 中的图表与数据可视化模式
• rules/compositions.md — 定义合成（compositions）、静态帧（stills）、文件夹、默认 props 及动态元数据
• rules/display-captions.md — 在 Remotion 中显示字幕：支持 TikTok 风格分页与单词高亮
• rules/extract-frames.md — 使用 Mediabunny 在指定时间戳处从视频中提取帧
• rules/fonts.md — 在 Remotion 中加载 Google Fonts 与本地字体
• rules/get-audio-duration.md — 使用 Mediabunny 获取音频文件时长（单位：秒）
• rules/get-video-dimensions.md — 使用 Mediabunny 获取视频文件的宽高
• rules/get-video-duration.md — 使用 Mediabunny 获取视频文件时长（单位：秒）
• rules/gifs.md — 在 Remotion 中同步播放 GIF（与时间轴对齐）
• rules/images.md — 使用 Img 组件在 Remotion 中嵌入图片
• rules/import-srt-captions.md — 使用 @remotion/captions 将 .srt 字幕文件导入 Remotion
• rules/lottie.md — 在 Remotion 中嵌入 Lottie 动画
• rules/measuring-dom-nodes.md — 在 Remotion 中测量 DOM 元素尺寸
• rules/measuring-text.md — 测量文本尺寸、使文本自适应容器、检测溢出
• rules/sequencing.md — Remotion 中的序列化模式：延迟（delay）、裁剪（trim）、限制项目持续时间
• rules/tailwind.md — 在 Remotion 中使用 TailwindCSS
• rules/text-animations.md — Remotion 中的排版与文本动画模式
• rules/timing.md — Remotion 中的插值曲线：线性（linear）、缓动（easing）、弹簧（spring）动画
• rules/transcribe-captions.md — 对音频进行语音转文字，为 Remotion 生成字幕
• rules/transitions.md — Remotion 中的场景过渡模式
• rules/trimming.md — Remotion 中的裁剪模式：截去动画开头或结尾
• rules/videos.md — 在 Remotion 中嵌入视频：裁剪、音量、播放速度、循环、音调