SuperAPI AI 工具集

remotion

设计与创作

查看项目

更新于 10-15 21:35

技能介绍

用途:该技能用于创建新的 Remotion 视频项目、在已有项目中新增或修改场景,或启动本地 Remotion Studio 预览服务器。默认项目路径为工作区根目录下的 remotion/,用户显式指定路径时以用户路径为准。

主要能力:分为两种模式。创建/更新模式(默认)在用户描述视频内容或要求增改场景时,搭建新项目或修改现有场景;播放模式在用户说 play、preview、open studio、watch、start server 时,定位 Remotion 项目并运行 npm run studio。脚手架优先使用 npx create-video@latest --yes --blank --no-tailwind {PROJECT_PATH},并安装 @remotion/transitions;不可用时回退为手动 npm 安装。

使用方式:先做模式检测与项目探测,检查 remotion/package.json、当前目录及常见路径。播放模式验证项目存在后,用 npm run studio 启动,Studio 默认位于 http://localhost:3000,可用 npx remotion still 做单帧渲染检查。创建/更新模式先判断新建还是更新,新建时按目录结构生成 index.ts、Root.tsx、components/Shared.tsx、utils/animations.ts 与 compositions/;更新时先读取 Root.tsx、场景文件与编排文件,只改动受影响的场景。

关键规则与限制:实现场景前必须等待用户确认场景方案;修改前必须读取现有项目文件,不得盲目覆盖;增删场景时须同步更新所有场景文件中的 totalChapters。所有动画必须由 useCurrentFrame() 驱动,禁止使用 CSS 过渡;媒体须使用 Remotion 的 Img、Video、Audio 组件而非原生 HTML 元素。Shared.tsx、animations.ts、文字动画、字幕、媒体时长工具、地图场景、语音生成等实现需从 refs/ 复制,不得凭记忆编写。若所需步骤或工具在当前环境无法运行,应停止并询问用户。具体收费、价格与平台支持等资料暂未提供。