remotion-create

remotion-create

热门

创建一个新的 Remotion 视频

4002Star
458Fork
更新于 2026/7/18
SKILL.md
readonly只读
name
remotion-create
description

创建一个新的 Remotion 视频

以下是制作新 Remotion 项目和合成视频的说明。
如果这不是下一个任务,请参阅 Remotion 最佳实践

搭建项目

如果项目已存在,请跳过此步骤。
确保已安装 Node.js 和 Git,并且当前文件夹适合启动新项目。

使用以下命令搭建项目:

npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i

my-video 替换为合适的项目名称。

设计视频

保留脚手架并添加 React 标记。请遵循 Remotion React 标记最佳实践视频布局规则 以获取视频优先布局和文本大小调整的指导。

交互性最佳实践

通过按照 Remotion 交互性最佳实践 构建 React 标记,用户可以编辑 Studio 中的内容,这些编辑会写回代码。

TailwindCSS

如果请求使用 Tailwind,请参阅 tailwind.md 了解如何在 Remotion 中使用 TailwindCSS。

启动预览

npx remotion studio --no-open

这将启动一个长时间运行的进程,并打印预览的服务器 URL。

后续操作

视频创建过程已完成。
对于后续提示,请使用 Remotion 最佳实践