SuperAPI AI 工具集

remotion-best-practices

设计与创作

查看项目

更新于 11-08 16:04

技能介绍

用途

remotion-best-practices 是一个针对 Remotion 的领域知识型技能包。当你在编写或维护 Remotion 代码(用 React 制作视频)时,可加载本技能,获取 Remotion 的用法约定与最佳实践。资料将其定位为“用于获取特定领域知识”的技能,本身不提供运行时或独立功能。

主要能力

技能内容以规则文件形式组织,可按主题单独读取。规则目录包括:

  • rules/3d.md:使用 Three.js 与 React Three Fiber 在 Remotion 中制作 3D 内容
  • rules/animations.md:Remotion 基础动画技巧
  • rules/assets.md:导入图片、视频、音频与字体
  • rules/audio.md:音频与声音的导入、裁剪、音量、速度、音高
  • rules/calculate-metadata.md:动态设置合成时长、尺寸与 props
  • rules/can-decode.md:用 Mediabunny 检查浏览器能否解码视频
  • rules/charts.md:图表与数据可视化模式(柱状图、饼图、折线图、股票图)
  • rules/compositions.md:定义合成、静帧、文件夹、默认 props 与动态元数据
  • rules/extract-frames.md:用 Mediabunny 在指定时间戳抽取视频帧
  • rules/fonts.md:加载 Google Fonts 与本地字体
  • rules/get-audio-duration.md、get-video-dimensions.md、get-video-duration.md:用 Mediabunny 获取音频时长、视频宽高与视频时长
  • rules/gifs.md:让 GIF 与 Remotion 时间轴同步显示
  • rules/images.md:用 Img 组件嵌入图片
  • rules/light-leaks.md:用 @remotion/light-leaks 制作漏光叠加效果
  • rules/lottie.md:嵌入 Lottie 动画
  • rules/measuring-dom-nodes.md:测量 DOM 元素尺寸
  • rules/measuring-text.md:测量文本尺寸、让文本适配容器、检查溢出
  • rules/sequencing.md:排序模式——延迟、裁剪、限制条目时长
  • rules/tailwind.md:在 Remotion 中使用 TailwindCSS
  • rules/text-animations.md:排版与文字动画模式
  • rules/timing.md:插值曲线——线性、缓动、弹簧动画
  • 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 为合成添加 AI 生成配音

此外还有专项规则:处理字幕或副标题时加载 ./rules/subtitles.md;需要执行裁剪视频、检测静音等视频操作时使用 FFmpeg,加载 ./rules/ffmpeg.md;需要做音频可视化(频谱条、波形、低音反应效果)时加载 ./rules/audio-visualization.md;需要使用音效时加载 ./rules/sfx.md。

使用方式

在涉及 Remotion 代码时调用本技能;针对当前任务读取对应的单个规则文件,文件中包含详细解释与代码示例。资料未说明安装命令、依赖版本或具体接入步骤,暂未提供。

适用场景

适合用 React 开发视频的项目,包括动态图形、数据可视化视频、字幕与文本动画、音频与音效处理、视频裁剪与透明渲染、参数化与地图动画、3D 内容与 Lottie 动画等。

限制

资料仅描述规则文件与主题,未提供收费、价格、平台兼容性、性能或效果方面的信息,暂未提供。