產品展示影片

產品展示影片 是做什麼的？

這是 Claude 外掛程式的 Codex 技能移植版本。沒有斜線指令，因此 Codex 應明確驅動工作流程，並使用內建的 Remotion 範本，該範本位於 assets/remotion-template/。

範本設定

• 如果目標工作區尚未包含 Remotion 專案，請將 assets/remotion-template/ 複製到一個工作目錄，例如 demo-video/。
• 在該工作目錄中執行 npm install。
• 該範本包含場景元件、進入點、旁白腳本以及一個起始的 src/storyboard.ts。

工作流程

1. 掃描目標專案的 README、文件、清單、原始碼樹以及任何現有的螢幕截圖。
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 或旁白腳本，而不是整個範本。