SuperAPI AI 工具集

remotion-best-practices

设计与创作

查看项目

更新于 10-16 01:33

技能介绍

用途:该技能用于处理 Remotion(用 React 创建视频)相关代码时,提供针对性的领域知识与最佳实践规则,帮助你按推荐方式编写和调试 Remotion 项目。

主要能力:提供一组可逐条阅读的规则文件,覆盖动画、素材导入、音频、字幕、时序、过渡、3D(Three.js 与 React Three Fiber)、图表、字体、图片与 GIF、Lottie、TailwindCSS、参数化(Zod schema)、透明视频、修剪、测量 DOM 与文本等主题,并包含地图(Mapbox)、AI 语音旁白(ElevenLabs TTS)等专题;另提供 FFmpeg、字幕、静音检测、音频可视化、音效、语音旁白等按需加载的规则文件。

使用方式:在空目录且无现成 Remotion 项目时,可用以下命令搭建新项目: npx create-video@latest --yes --blank --no-tailwind my-video 将 my-video 替换为合适项目名。启动预览: npx remotion studio 可选单帧渲染检查: npx remotion still [composition-id] --scale=0.25 --frame=30 在 30fps 下,--frame=30 即第 1 秒(--frame 从 0 开始)。对于简单的修改、纯重构或已有足够把握时,可跳过该检查。涉及字幕/字幕、FFmpeg 操作、静音检测、音频可视化、音效等场景时,按要求加载对应规则文件(如 ./rules/subtitles.md、./rules/ffmpeg.md、./rules/silence-detection.md、./rules/audio-visualization.md、./rules/sfx.md 等),再阅读各规则文件获取详细说明与代码示例。

适用场景:需要在 React 中制作视频、动效、字幕、音频处理或数据可视化视频时。

限制:该技能为规则与知识集合,不含独立平台或收费信息;具体功能与用法以项目内规则文件和公开资料为准,其他信息暂未提供。