remotion-create

remotion-create

热门

创建一个新的 Remotion 视频

4002Star
458Fork
更新于 2026/7/18
SKILL.md
只读
名称
remotion-create
描述

创建一个新的 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 最佳实践