產品展示影片
這是 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或旁白腳本,而非整個模板。