SuperAPI AI 工具集

remotion-create

设计与创作

查看项目

更新于 10-16 02:32

技能介绍

用途:为创建新的 Remotion 视频项目与合成提供操作指引,覆盖从脚手架搭建到编写 React 标记生成视频的流程。

主要能力:

  • 项目脚手架:区分空文件夹与非空文件夹,选择合适的创建位置。空文件夹(或仅含 .DS_Store 等可丢弃的系统元数据文件)可直接在当前文件夹创建项目,需先删除这些元数据文件,因为 create-video 不接受非空文件夹;需注意 .env 文件和 .git 目录等隐藏内容属于有意义的内容,不可当作可丢弃文件。当前文件夹已有有意义内容且无现存项目时,改为在新子文件夹中创建。
  • 安装依赖并运行:脚手架完成后安装依赖。
  • 预览优先:项目能运行后,应先在浏览器打开 Remotion Studio 再编写或修改合成;编辑期间保持 Studio 运行,方便用户实时查看变化并进行调整。

必要命令(保持原样): 空文件夹中创建: npx create-video@latest --yes --blank --no-tailwind . npm i 非空文件夹中创建(将 my-video 替换为合适的项目名): npx create-video@latest --yes --blank --no-tailwind my-video cd my-video npm i

设计视频:保留脚手架并添加 React 标记,需参考 Remotion React Markup 最佳实践与 Video Layout Rules(视频优先布局与文字尺寸)。在编写注册 <Composition> 或 <Still> 元素的根组件前,遵循 Compositions and stills 指引。若为多段视频/音频片段的时间线,参考 Video editing,并让每个需要独立编辑的片段拥有独立的 JSX 节点;若为多场景视频,参考 Multi-scene videos。遵循 Remotion Interactivity Best Practices 组织 React 标记,可使用户在 Studio 中的修改回写到代码。如需 TailwindCSS,参考 tailwind.md。

限制:需已安装 Node.js 与 Git;create-video 拒绝非空文件夹;后续提示请参考 Remotion Best Practices。其他收费、平台范围等信息暂未提供。