SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-15 21:12

技能介绍

用途:这是一个面向 Remotion(用 React 创建视频)的规则型技能,专门用于在处理 Remotion 代码时获取领域知识。

主要能力:技能按主题提供多个规则文件,需按需阅读以获取详细说明和代码示例。包括 3D(基于 Three.js 与 React Three Fiber)、动画基础、资源导入(图片/视频/音频/字体)、音频(导入、裁剪、音量、速度、音高)、动态设置合成时长与尺寸及 props、用 Mediabunny 检测视频可否被浏览器解码、图表与数据可视化(柱状、饼图、折线、股票图)、定义合成与静态图及文件夹与默认 props、按时间戳抽帧、加载 Google 字体与本地字体、获取音频/视频时长与视频尺寸、GIF 与时间轴同步、Img 组件嵌入图片、@remotion/light-leaks 光效叠加、Lottie 动画、测量 DOM 节点与文本尺寸并检查溢出、序列编排(延迟、裁剪、限制时长)、TailwindCSS 集成、文字与排版动画、时间与插值曲线(线性、缓动、弹簧)、场景转场、透明视频渲染、动画首尾裁剪、视频嵌入(裁剪、音量、速度、循环、音高)、用 Zod 模式实现视频参数化、结合 Mapbox 添加并动画化地图、以及用 ElevenLabs TTS 添加 AI 生成配音。

使用方式:当涉及 Remotion 代码时启用该技能。涉及字幕时加载 ./rules/subtitles.md;需要 FFmpeg 操作(如裁剪视频、检测静音)时加载 ./rules/ffmpeg.md;需要音频可视化(频谱条、波形、低音反应效果)时加载 ./rules/audio-visualization.md;其余主题阅读对应的 rules/*.md 文件。

适用场景:使用 React 编写或维护 Remotion 视频项目,需要动画、音频、字幕、图表、转场、3D、配音等具体实现参考时。

限制:资料未提供具体安装命令、版本要求、收费信息或平台支持细节。