動態解說影片
這是一個完整的影片專案模板，以及產出《Fridges Hacked: What Doctors Must Learn About AI Security》（11:05，49 個場景，2026 年 10 月）的操作手冊。此技能內含所有必要內容： 模板（template/）、其腳本（包括 Sarvam TTS 與母帶處理腳本的副本），以及運作範例（examples/fridge-hack/）。不會指向原始專案資料夾。
何時使用哪個技能
| 影片類型 | 技能 |
|---|---|
| 新聞、事件、案例研究、「從 X 學到的教訓」：排版、地圖、報紙頁面、儀表 | 此技能 |
| 手繪圖畫、筆與手、逐筆解剖圖或圖表 | remotion-whiteboard（未修改；任何手繪內容皆需使用） |
| 工作順序、主張、腳本、語音、檢查節點（任何影片） | youtube-video-production（其 motion 模式指向此處） |
| 縮圖、輪播圖、LinkedIn/Instagram/WhatsApp 文案、YouTube 上傳 | video-promo-kit |
快速開始
node ~/.claude/skills/remotion-motion-explainer/scripts/install.mjs ~/Projects/remotion-projects/<名稱>
cd ~/Projects/remotion-projects/<名稱> && npm run dev
模板會以冰箱駭客故事作為開場，讓視覺風格立即可見。將 src/data/scenes.json 取代為新故事。
工作順序（檢查節點以粗體標示）
- 事實優先。 在任何旁白之前，先撰寫附有來源的事實摘要。每個螢幕上的數字都需要
sourceCitation。 - 故事 →
scenes.json。 每個場景的旁白、元件+屬性、引用。npm run estimate && npm run narration；使用npm run tts:lint檢查格式。 - 帶有暫定字幕的靜音預覽。 句子字幕、預估時間長度。 擁有者在此處批准故事；在此之前不生成 TTS。
- 靜態畫面品質確認：
npm run stills、聯絡表、修正重疊（請參考 references/05）。 - 語音：
npm run tts→npm run tts:check（Whisper，每一個錄音）→ 重新錄音或改寫 →npm run tts:master→npm run captions。場景長度現在來自音訊。 - 文字提示： 在需要事件對應到特定詞彙的元件 props 中加入
{"atWord": "…"}。 - 音效： 效果從元件觸發；使用純音訊渲染檢查完整混音（目標 −14 LUFS，≤ −1 dBTP）。
- 渲染 只有在擁有者指示時才進行（參考 references/05）。
- 章節（
npm run chapters），然後移交給video-promo-kit。
詳細資訊存放位置
| 檔案 | 閱讀時機 |
|---|---|
references/01-look-and-story.md | 步驟 1–2：視覺語言、故事弧線、動機、寫作規則 |
references/02-scene-graph.md | 步驟 2：scenes.json 的每個欄位、文字提示、轉場 |
references/03-components.md | 步驟 2–4：元件目錄、props、版面規則、如何新增 |
references/04-voice-and-sound.md | 步驟 5–7：Sarvam、Whisper 檢查、母帶處理、字幕、特效、音樂、音量 |
references/05-qa-render.md | 步驟 4、8、9：靜態畫面、聯絡表、渲染、驗證、章節 |
references/06-lessons.md | 當某個畫面看起來不對時：所有犯過的錯誤及其規則 |
examples/fridge-hack/ | 運作範例：scenes.json、旁白腳本、狀態、教訓、視覺風格的靜態畫面 |
不可妥協事項
- 不得使用真實標誌或品牌標記；公司與頻道名稱以純文字呈現；標題需改寫；發明的視覺元素需標註「示意圖」。
- 安全相關影片中不得包含攻擊步驟、程式碼或操作說明。
- 切勿推測歸因；應聲明「截至 <日期> 尚未有公開歸因」。
- 擁有者需批准腳本、縮圖及最終渲染。如有疑問，請先詢問。