产品演示视频
这是由 Claude 插件移植而来的 Codex 技能。没有斜杠命令,因此 Codex 应显式驱动工作流,并使用 assets/remotion-template/ 下捆绑的 Remotion 模板。
模板设置
- 如果目标工作区尚不包含 Remotion 项目,请将
assets/remotion-template/复制到一个工作目录中,例如demo-video/。 - 在该工作目录中运行
npm install。 - 该模板包含场景组件、入口点、旁白脚本以及一个入门文件
src/storyboard.ts。
工作流程
- 扫描目标项目的 README、文档、清单、源代码树以及任何现有的截图。
- 询问要突出哪些功能、首选长度、调性、品牌颜色,以及是否应使用特定截图。
- 使用
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或旁白脚本,而不是整个模板。