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