Claude Motion System — 使用者指南大師
完整指南在 GUIA-MAESTRA.md（同一資料夾，共 20 個章節）。不要一次性載入整份文件：根據任務需求，使用 Grep 搜尋對應的章節標題（如 # N.）並只讀取該區段。
主要規則 (§0)
在設計、產生、動畫、編輯或渲染專案中的任何視覺元素之前，先完整閱讀 MOTION.md（位於儲存庫根目錄）。如果該檔案不存在、是空的或已無法反映實際設計，則應先稽核專案並建立或更新它。動態的用途是強化資訊、階層、敘事與品牌；絕非裝飾或一般的 AI 展示。
常規流程
- 探索 (§3): 檢查 README、CLAUDE.md、package.json、CSS/Tailwind tokens、元件與佈局、標誌、字型、素材、螢幕截圖、Figma、現有的影片與音訊。回答：品牌個性、主色與功能色、實際使用的字型、階層、何種動態一致、哪些元素永遠不應改變。
- 分類 (§3): A 類 — 無需動態（不安裝任何套件）· B 類 — 有示範潛力的應用（建立
MOTION.md，但無影片專案）· C 類 — 活躍的動態/影片專案（準備 HyperFrames 和 QA）· D 類 — 使用 After Effects（額外需要 MCP of AE）。 MOTION.md(§5): 包含目的、品牌認同、色彩、字體、網格、動態語言（原則、節奏、緩動、禁止事項）、各元件的動態、攝影機/3D、音訊、剪輯、格式與品質規範。從實際的品牌認同建立；它補充設計系統，但不取代它。如果產品已改變，應在開始製作前修正。- 新素材:
BRIEF.md(§6) →STORYBOARD.md(§7)。每個場景都應具有敘事、資訊或品牌功能。 - 音訊 (§8): 音樂是編輯時鐘 — 使用可靠的節拍、樂句、過門、靜音；不要強制使用節拍網格。
- 實作 (§9): HyperFrames（使用
/hyperframes作為輸入）或專案中既有的引擎。不要重複引擎 (§13)：如果儲存庫已有自己的動態引擎，則使用它。 - 品質保證 (§11): 檢查器 → 程式碼檢查 → 驗證 → 關鍵影格快照（檢查它們）→ 完整預覽 → 渲染 → 使用
ffprobe並審查最終檔案。絕對不能因為「能編譯」就認為「已準備好」。 - 「看起來不廉價」準則 (§12) 與 完成定義 (§17): MOTION-READY 與 DELIVERY-READY。
安全性與技術負債規則
- 不要在不會產出影片的專案中安裝影片相關依賴 (§3, §13)。
- 僅在即將開始製作且獲得使用者同意後，才能使用第三方的
npx（HyperFrames、MCP of After Effects）。 - 僅在存在
.aep檔案或交付要求時，才能透過 MCP 使用 After Effects；操作前務必先備份 (§10)。 - 使用真實的品牌素材；絕對不要虛構標誌、資料、螢幕截圖或宣稱 (§15)。客戶資料在未經核准前，絕不能出現在視覺素材中。
- 根據格式（16:9、9:16、1:1）重新構圖，而非盲目裁切 (§16)。
指南索引
| § | 主題 |
|---|---|
| 0 | 主要指令 |
| 1 | 影片教導的內容（HyperFrames、MOTION.md、音樂、After Effects） |
| 2 | 全域與每個專案的架構 |
| 3 | 啟動：探索與分類 |
| 4 | 安裝/驗證 HyperFrames |
| 5 | MOTION.md 範本 |
| 6 | BRIEF.md |
| 7 | STORYBOARD.md |
| 8 | 音訊作為編輯時鐘 |
| 9 | 使用 HyperFrames 實作 |
| 10 | 透過 MCP 使用 After Effects |
| 11 | 強制 QA 流程 |
| 12 | 「看起來不廉價」準則 |
| 13 | 無技術負債 |
| 14 | 建議的組織方式 |
| 15 | 素材政策 |
| 16 | 多格式 |
| 17 | 「完成」定義 |
| 18 | 準備儲存庫的單一提示 |
| 19 | 參考命令 |
| 20 | 最終原則 |