Motion explainer（影片加強版）— 動畫講原理、照片當證據、AI 影片帶情緒

這個技能把「上網查資料 → 寫腳本 → 中文旁白 → 一格一格做動畫 → 字幕 → 配色 → 找授權照片、生成示意圖 → 生成 AI 影片 → 自我審查 → 輸出 MP4」串成一條固定流程。和基本版 motion-explainer 相比，多了第 7.5 節的圖片層、第 7.6 節的 AI 影片層，還有第 4 節的修正唸錯的字；其他步驟完全相同。影片素材以 AI 生成為主：新聞、宣傳片、圖庫影片幾乎都有版權，不剪進教學片。它站在三個東西的肩膀上：

• HyperFrames（HeyGen 開源，HTML + GSAP 輸出 MP4）與它的官方 skills，特別是 /hyperframes 入口和 /faceless-explainer 工作流。做法以官方為準。
• 本 repo 的 motion-design（品味規則：緩動、節奏、停留、中文排版）與 review-loop（contact sheet 自我審查）。好不好看以這兩個為準。
• 本資料夾 scripts/ 的工具：把官方流程沒處理好的中文旁白、字幕、字型一致性和三色主題補起來。

references/lessons.md 是實戰踩過的坑，動工前必讀，每一條都在第一支片裡真的發生過。

路徑代號：下面的指令都在專案資料夾裡執行，工具用代號指向技能資料夾。開工前先找出實際位置：