Remotion 视频创作 / SKILL

使用场景¶

处理 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 - 动态设置合成的长度、大小和属性
• rules/can-decode.md - 使用 Mediabunny 检查浏览器能否解码视频
• rules/charts.md - Remotion 的图表和数据可视化模式
• rules/compositions.md - 定义合成、静态图片、文件夹、默认属性和动态元数据
• rules/display-captions.md - 在 Remotion 中显示字幕，支持 TikTok 风格的逐页和逐词高亮
• rules/extract-frames.md - 使用 Mediabunny 提取指定时间戳的视频帧
• rules/fonts.md - 在 Remotion 中加载 Google 字体和本地字体
• 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 - 将 Lottie 动画嵌入 Remotion
• 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 的插值曲线——线性、缓动、弹簧动画
• rules/transcribe-captions.md - 在 Remotion 中进行语音转写以生成字幕
• rules/transitions.md - Remotion 的场景转场模式
• rules/trimming.md - Remotion 的裁剪模式——裁剪动画的开头或结尾
• rules/videos.md - 将视频嵌入 Remotion——裁剪、音量、速度、循环、音调