Communitygithub.com

产品演示视频制作技能

使用内置的Remotion模板、故事板生成和TTS旁白,从软件项目中创建精美的程序化产品演示视频。当Codex需要将应用程序、库、CLI或API转化为演示视频,而无需屏幕录制时,或者当迭代故事板场景、旁白或渲染时使用。

产品演示视频制作技能 是什么?

这个技能使Codex能够直接从软件项目源代码中自动生成高质量的产品演示视频,无需任何屏幕录制。它打包了一个完整的Remotion模板、故事板生成工具和文本转语音旁白功能。用户可以通过简单的工作流程将任何应用程序、库、CLI或API转化为精美的视频演示,包括自动故事板草稿、场景编辑、旁白生成和最终视频渲染。该技能支持macOS文本转语音、OpenAI TTS和ElevenLabs等多种TTS引擎。主要优势在于无需手动录制或后期制作即可快速生成专业演示视频,非常适合开发者展示项目功能、产品演示或API工作流程演示。

兼容平台✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/Sagart-cactus/codex-skills/tree/HEAD/skills/product-demo-video

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

产品演示视频

这是Claude插件移植的Codex技能版本。没有斜杠命令,因此Codex应明确驱动工作流程,并使用捆绑在assets/remotion-template/下的Remotion模板。

模板设置

  • 如果目标工作区尚未包含Remotion项目,请将assets/remotion-template/复制到一个工作目录中,例如demo-video/。
  • 在该工作目录中运行npm install。
  • 该模板包括场景组件、入口点、旁白脚本和初学者src/storyboard.ts。

工作流程

  1. 扫描目标项目的README、文档、manifest、源代码树以及任何现有的屏幕截图。
  2. 询问要突出显示哪些功能、首选长度、风格、品牌颜色以及是否应使用特定屏幕截图。
  3. 使用references/scene-catalog.md起草故事板。
  4. 展示故事板以供批准,除非用户明确要求跳过此检查点。
  5. 编写或更新src/storyboard.ts。
  6. 通过从一个小型辅助脚本调用scripts/generate-narration.sh为每个场景生成旁白MP3到public/narration/。
  7. 如果ffprobe可用,请测量每个MP3并将durationInSeconds设置为音频长度加上大约0.8秒。
  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或旁白脚本,而不是整个模板。

相关技能