SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-15 16:48

技能介绍

用途:当你在处理 Remotion 代码时使用该技能,获取 Remotion(用 React 创建视频)的领域特定知识。

主要能力:以规则文件形式提供分主题说明与代码示例,包括 3D(Three.js 与 React Three Fiber)、动画基础、素材导入(图片、视频、音频、字体)、音频(导入、裁剪、音量、速度、音高)、动态设置合成时长/尺寸/props、用 Mediabunny 检查视频可否解码、图表与数据可视化、合成与静帧/文件夹/默认 props/动态元数据、TikTok 风格字幕与逐词高亮、按时间戳抽帧、Google 字体与本地字体、获取音频时长、获取视频宽高、获取视频时长、与时间轴同步的 GIF、Img 组件嵌入图片、用 @remotion/captions 导入 .srt 字幕、Lottie 动画、测量 DOM 节点尺寸、测量文本尺寸与溢出、序列模式(延迟、裁剪、限制时长)、TailwindCSS、文字动画、插值曲线(线性、缓动、弹簧)、音频转写生成字幕、场景转场、裁剪动画首尾、视频嵌入(裁剪、音量、速度、循环、音高)、用 Zod schema 参数化视频、用 Mapbox 添加并动画化地图。

使用方式:阅读各规则文件获取详细说明与代码示例,文件位于 rules/ 目录下,如 rules/animations.md、rules/audio.md、rules/captions 相关文件等。

适用场景:在 React 项目中编写或维护 Remotion 视频代码时参考。

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