# Codex + Remotion 动态视频提示词模板

这份模板按“先测试、再放素材、逐段加场景、最后渲染”的顺序使用。把方括号里的内容替换成自己的信息即可。

## 1. 创建 Remotion 项目

在 Codex 新任务中输入 `$remotion` 并接受 Remotion 插件，然后发送：

```text
创建一个空白的 Remotion 项目，使用 TypeScript。
项目名称叫 [项目名称]。
创建后启动 Remotion Studio，并告诉我项目目录和启动命令。
```

如果使用独立 Codex CLI，可以在项目终端运行：

```powershell
npx -y skills@latest add remotion-dev/skills -g -y
npx create-video@latest --yes --blank [项目名称]
Set-Location [项目名称]
npm install
npm run dev
```

看到 Remotion Studio 后再进行下一步。

## 2. 生成 Hello World 动画

```text
在当前 Remotion 项目里做一个 Hello World 动画：

- 画面为 1920×1080，背景是 [背景颜色]。
- 中间显示大字“[测试文字]”。
- 文字从透明到清晰，同时从下方轻轻移到中央。
- 停留片刻后淡出。
- 保持代码简单，完成后启动 Studio 让我预览。
```

检查：时间线能播放文字入场、停留和离场。

## 3. 填写品牌和素材

先把文件复制到项目的 `public/brand/`：

```text
品牌：[品牌名称]
主色：[颜色与色值]
强调色：[颜色与色值]
Logo：public/brand/[logo 文件名]
主图：public/brand/[主图文件名]
其他图片：public/brand/[其他文件名]
风格：[例如：留白多、文字短、切换干净]
```

## 4. 制作第一个品牌场景

```text
使用 public/brand/ 里的素材制作第一个品牌场景：

- 先显示 [Logo 或品牌名]，再出现 [主图]。
- 标题写“[一句短标题]”。
- 使用我提供的品牌颜色，不增加新的主色。
- [主图] 从 [方向] 进入，[标题] 从 [方向] 进入。
- 不添加 [不需要的效果，例如粒子或 3D]。
- 完成后在 Remotion Studio 中预览。
```

检查：Logo、图片和文字都已出现，图片没有拉伸或超出画面。

## 5. 加入 Suno 音乐

在 Suno 中生成一段纯音乐，可参考：

```text
[音乐类型] instrumental, [速度或情绪], no vocals,
suitable for [视频用途] motion graphics.
```

下载有权使用的音频，放到 `public/audio/[音乐文件名].mp3`，再发送：

```text
把 public/audio/[音乐文件名].mp3 加入当前 Remotion composition。
音乐从视频开头播放，在结束前平滑淡出。
不要改动现有画面布局。完成后启动 Studio，让我检查画面和声音。
```

检查：点击 Studio 播放后能听到音乐。

## 6. 增加更多场景

一次只增加一个场景。复制下面的提示词反复使用：

```text
在 [上一场景] 之后增加一个 [场景用途] 场景。
使用 [图片文件]。
屏幕文字是“[短文案]”。
延续前面场景的颜色和字体。
画面变化跟随音乐节拍，避免复杂转场。
完成后从头播放，让我检查场景连接。
```

结束场景：

```text
增加结束场景：画面中央显示 [Logo/品牌名]，下面显示“[行动文案]”。
保持足够停留时间，音乐在结尾淡出。
```

检查：所有场景能连续播放，音乐没有中途断掉。

## 7. 渲染 MP4

```text
告诉我当前 Remotion composition ID 和入口文件。
然后把当前动态图形视频渲染为 MP4，输出到 out/[文件名].mp4。
渲染完成后告诉我实际文件路径。
```

也可以根据项目中的实际入口和 composition ID 运行：

```powershell
npx remotion render [入口文件] [CompositionID] out/[文件名].mp4
```

最后打开 MP4，从头看到结尾：

- [ ] Logo、图片和文字都正常显示。
- [ ] 场景顺序与 Studio 中一致。
- [ ] 音乐能播放，并在结尾淡出。
- [ ] 没有突然黑屏或提前结束。

如果有问题，按这个格式告诉 Codex：

```text
[第几个场景] 的 [元素] 现在 [问题是什么]。
请改成 [想要的结果]，其他场景不要改。
修改后重新渲染同一个 MP4。
```