产品演示视频
这是Claude插件移植的Codex技能版本。没有斜杠命令,因此Codex应明确驱动工作流程,并使用捆绑在assets/remotion-template/下的Remotion模板。
模板设置
- 如果目标工作区尚未包含Remotion项目,请将
assets/remotion-template/复制到一个工作目录中,例如demo-video/。 - 在该工作目录中运行
npm install。 - 该模板包括场景组件、入口点、旁白脚本和初学者
src/storyboard.ts。
工作流程
- 扫描目标项目的README、文档、manifest、源代码树以及任何现有的屏幕截图。
- 询问要突出显示哪些功能、首选长度、风格、品牌颜色以及是否应使用特定屏幕截图。
- 使用
references/scene-catalog.md起草故事板。 - 展示故事板以供批准,除非用户明确要求跳过此检查点。
- 编写或更新
src/storyboard.ts。 - 通过从一个小型辅助脚本调用
scripts/generate-narration.sh为每个场景生成旁白MP3到public/narration/。 - 如果
ffprobe可用,请测量每个MP3并将durationInSeconds设置为音频长度加上大约0.8秒。 - 使用
npx remotion studio预览,并使用npx remotion render DemoVideo output/demo.mp4进行渲染。
故事板规则
- 始终以
intro开头,以outro结尾。 - 大多数场景保持在8到12秒左右。
- 至少包含一个清晰动画的场景,例如
workflow、comparison或动态的feature。 - 使用目标项目中的真实代码和具体产品细节。
- 保持旁白为口语,大约每分钟120到150个单词。
备注
- 捆绑的TTS脚本支持macOS
say、OpenAI TTS和ElevenLabs。 - 如果用户已有Remotion项目,请仅复制所需的组件、
src/storyboard.ts或旁白脚本,而不是整个模板。