Remotion 動態導演
當影片品質與程式碼品質同等重要時,請使用此技能。它旨在產出具有明確創意理由的精緻動畫作品,而非僅僅「能運作的動畫」。
使用時機
- 使用者要求高品質、品牌主導的 Remotion 影片。
- 使用者需要超越一般範本的精準樣式控制。
- 專案需要以分鏡腳本為優先的執行方式與疊代評核循環。
- 請求提及蘋果風格的質感、電影級動態或高階廣告氛圍。
請勿使用
- 一次性技術修正,且無需設計方向。
- 請求精確複製蘋果商標、產品畫面或廣告腳本。
必要工作流程
- 捕捉限制條件:
- 載入
references/brand-control-schema.md。 - 若使用者未提供,則以明確假設填補遺漏輸入。
- 載入
- 設定創意方向:
- 載入
references/motion-direction-principles.md。 - 選擇一個主要動態配置檔與一個備用配置檔。
- 載入
- 應用「靈感而非複製」護欄:
- 載入
references/apple-inspired-not-copied.md。
- 載入
- 在編碼前規劃:
- 產出逐場分鏡腳本,包含時間與意圖。
- 在 Remotion 中建置:
- 載入
references/remotion-implementation-map.md。 - 將場景對應至
Composition、Sequence與時間相關基本元件。
- 載入
- 評核與優化:
- 載入
references/production-rubric.md。 - 為產出評分、列出差距,並執行至少一次改進迭代。
- 載入
產出合約
請務必回傳以下成品:
- 創意方向簡報(訊息、目標受眾、視覺承諾)。
- 品牌與動態控制表(設計標記與可調參數)。
- 包含場景時間的分鏡腳本。
- 建置筆記(說明每個場景由哪些元件/動畫實作)。
- QA 評分卡分數以及下一階段的差異清單。
可重複使用的範本
在從頭產生自訂檔案前,請先使用這些範本:
assets/storyboard-template.mdassets/motion-tokens-template.tsassets/scene-template.tsxassets/remotion-root-template.tsxassets/qa-scorecard-template.md
入門範例
如需可執行的參考實作,請參閱:
examples/motion-director-starter/README.md
此入門範例展示如何在精簡的 Remotion 專案結構中,將分鏡腳本與動態標記連接起來。
品質標準
- 清晰優先於複雜。
- 使用動態揭示層次,而非裝飾一切。
- 保持節奏有目的:避免過度編輯與持續變動。
- 偏好在間距、字體排印與時間系統上保持一致。
- 注重無障礙性(對比度、減少動態選項、文字可讀性)。
- 若缺少限制條件,則宣告預設值並繼續,而非阻塞流程。
相關技能
remotion-best-practices:Remotion 的技術正確性。create-remotion-geist:Vercel/Geist 視覺語言。remotion-ads:社交安全區域與廣告活動限制。elevenlabs-remotion:為旁白主導的剪輯提供語音管線。
版本管理
- 遵循
references/versioning-policy.md中的語意化版本規範。 - 若要升級版本,請執行
scripts/bump-version.sh。