SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-15 17:29

技能介绍

用途:当处理 Remotion 代码时,用此技能获取特定领域的知识与最佳实践,按规则文件查阅详细说明和代码示例。

主要能力:核心概念包括动画(rules/animations.md)、组合与动态元数据(rules/compositions.md)、插值曲线与弹簧动画(rules/timing.md)、序列模式(rules/sequencing.md)。媒体处理包括图像(rules/images.md)、视频(rules/videos.md)、音频(rules/audio.md)、GIF(rules/gifs.md)与资源导入(rules/assets.md)。高级功能包括 Three.js/React Three Fiber 3D(rules/3d.md)、TikTok 风格字幕分页与单词高亮(rules/display-captions.md)、导入 .srt(rules/import-srt-captions.md)、转录音频生成字幕(rules/transcribe-captions.md)、Lottie(rules/lottie.md)、图表(rules/charts.md)、Mapbox 地图动画(rules/maps.md)。文本排版包括字体加载(rules/fonts.md)、文本动画(rules/text-animations.md)、文本尺寸测量与溢出检查(rules/measuring-text.md)、DOM 尺寸测量(rules/measuring-dom-nodes.md)。视频处理工具使用 Mediabunny 提取帧、获取视频时长/宽高、获取音频时长、检查浏览器解码能力。配置优化包括 Zod 参数化(rules/parameters.md)、动态元数据(rules/calculate-metadata.md)、TailwindCSS(rules/tailwind.md)、透明视频(rules/transparent-videos.md)、修剪(rules/trimming.md)、转场(rules/transitions.md)。

必要用法与限制:使用方式为阅读各规则文件获取详细说明与代码示例。重要约束:所有动画必须由 useCurrentFrame() 钩子驱动;禁止使用 CSS 过渡或动画,它们无法正确渲染;禁止使用 Tailwind 动画类名;动画以秒为单位编写,并乘以 useVideoConfig() 中的 fps 值。

其余安装命令、收费、平台与版本等资料暂未提供。