video-creator

处理 Remotion 视频项目代码时，按需加载对应规则文件获取详细说明和代码示例。
首次使用时加载 SETUP.md 检查环境依赖。

项目与渲染

• project-setup.md - 项目初始化、文件结构、registerRoot、package.json 配置
• rendering.md - 渲染/预览/调试命令大全（render、still、studio）

核心概念

• compositions.md - 合成定义、静态帧、文件夹、默认属性、动态元数据
• calculate-metadata.md - 动态设置合成的时长、尺寸和属性
• parameters.md - 使用 Zod schema 使视频可参数化
• sequencing.md - 序列模式：延迟、裁剪、限制元素时长

动画与过渡

• animations.md - 基础动画技巧
• timing.md - 插值曲线：线性、缓动、弹簧动画
• transitions.md - 场景过渡模式
• trimming.md - 裁剪模式：剪掉动画的开头或结尾

文字与字幕

• text-animations.md - 文字排版和文字动画模式
• measuring-text.md - 文本尺寸测量、自适应容器、溢出检测
• fonts.md - 加载 Google Fonts 和本地字体
• subtitles.md - 字幕处理总览
• display-captions.md - 显示字幕
• import-srt-captions.md - 导入 SRT 字幕文件
• transcribe-captions.md - 语音转字幕

媒体素材

• assets.md - 导入图片、视频、音频和字体
• images.md - 使用 Img 组件嵌入图片
• videos.md - 嵌入视频：裁剪、音量、速度、循环、音高
• gifs.md - 显示与时间线同步的 GIF
• lottie.md - 嵌入 Lottie 动画
• transparent-videos.md - 渲染带透明度的视频

音频

• audio.md - 音频导入、裁剪、音量、速度、音高
• audio-visualization.md - 音频可视化：频谱柱状图、波形图、低音响应
• sfx.md - 音效
• voiceover.md - 使用 ElevenLabs TTS 添加 AI 配音

媒体信息提取

• get-audio-duration.md - 获取音频时长（Mediabunny）
• get-video-duration.md - 获取视频时长（Mediabunny）
• get-video-dimensions.md - 获取视频宽高（Mediabunny）
• extract-frames.md - 在指定时间戳提取视频帧（Mediabunny）
• can-decode.md - 检查浏览器是否能解码视频（Mediabunny）

数据可视化与 3D

• charts.md - 图表模式：柱状图、饼图、折线图、股票图
• 3d.md - 使用 Three.js / React Three Fiber 创建 3D 内容
• maps.md - 使用 Mapbox 添加地图并制作动画

工具与样式

• tailwind.md - 在 Remotion 中使用 TailwindCSS
• ffmpeg.md - FFmpeg 操作：裁剪视频、检测静音等
• measuring-dom-nodes.md - 测量 DOM 元素尺寸
• light-leaks.md - @remotion/light-leaks 光泄漏叠加效果