用途
该技能用于在处理 Remotion 代码时提供领域专属知识。Remotion 是基于 React 创建视频的框架,本技能以规则文件的形式整理相关最佳实践。
主要能力(按主题划分的规则文件)
- 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:定义 compositions、stills、文件夹、默认 props 和动态元数据
- 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/light-leaks.md:使用 @remotion/light-leaks 制作光斑叠加效果
- 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:排版与文字动画模式
- rules/timing.md:Remotion 插值曲线——线性、缓动、弹簧动画
- rules/transitions.md:场景转场模式
- rules/transparent-videos.md:渲染带透明度的视频
- rules/trimming.md:裁剪模式——切掉动画开头或结尾
- rules/videos.md:嵌入视频——裁剪、音量、速度、循环、音高
- rules/parameters.md:通过添加 Zod schema 使视频可参数化
- rules/maps.md:使用 Mapbox 添加地图并为其添加动画
- rules/voiceover.md:使用 ElevenLabs TTS 向 Remotion composition 添加 AI 生成配音
使用方式
当处理 Remotion 代码时使用本技能,以获取领域专属知识。阅读各个规则文件可查看详细说明和代码示例。涉及字幕或副标题时,加载 ./rules/subtitles.md;涉及视频操作(如裁剪视频或检测静音)需要 FFmpeg 时,加载 ./rules/ffmpeg.md;需要可视化音频(频谱条、波形、低频响应效果)时,加载 ./rules/audio-visualization.md。
适用场景
适用于使用 React 编写视频、需要 Remotion 相关动画、音视频处理、字幕、图表、3D、转场、参数化、语音配音等具体实现指引的开发场景。
限制
资料中未提供该技能的收费、价格、支持平台或效果保证等信息。