Motion explainer — 從一句話到一支解說動畫

這個技能把「上網查資料 → 寫腳本 → 中文旁白 → 一格一格做動畫 → 字幕 → 配色 → 自我審查 → 輸出 MP4」串成一條固定流程。它站在三個東西的肩膀上：

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

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

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