remotion-video-creation

适用场景

在编写或重构 Remotion 代码时使用此 Skill，快速获取该领域的专业知识与最佳实践。

使用方法

阅读具体的规则文件以获取详细说明和代码示例：

• rules/3d.md - 在 Remotion 中结合 Three.js 与 React Three Fiber 渲染 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 - 定义 Composition、单帧静止图（Still）、目录结构、默认 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 字幕文件
• rules/lottie.md - 在 Remotion 中嵌入并渲染 Lottie 矢量动画
• rules/measuring-dom-nodes.md - 在 Remotion 中测量 DOM 节点的实际尺寸
• rules/measuring-text.md - 文本尺寸测量、容器自适应贴合及文本溢出检测技巧
• rules/sequencing.md - Remotion 时序编排模式：延时、裁剪以及限定元素播放时长
• rules/tailwind.md - 在 Remotion 项目中集成并使用 TailwindCSS
• rules/text-animations.md - Remotion 中的排版艺术与文本动效制作模式
• rules/timing.md - Remotion 中的数值插值与缓动曲线：线性、Easing 及弹簧（Spring）动画
• rules/transcribe-captions.md - 在 Remotion 中转写音频内容以自动生成字幕
• rules/transitions.md - Remotion 场景转场效果制作模式
• rules/trimming.md - Remotion 动画裁剪模式：精准切除动画片头或片尾
• rules/videos.md - 在 Remotion 中嵌入视频：包含片段裁剪、音量调节、倍速播放、循环及变调控制