Communitygithub.com

remotion-motion-director

高階 Remotion 導演技能,提供精細的品牌與動態控制。適用於需要精準樣式系統、分鏡腳本、電影級節奏與疊代品質評核的影片創作(蘋果風格的克制靈感,但不複製蘋果資產)。

remotion-motion-director 是什麼?

這個技能專為注重影片品質如同程式碼品質的開發者與 AI 代理設計。它能產出具有明確創意理由的精緻動畫作品,而非僅僅「能運作的動畫」。技能支援 Remotion 平台,透過一系列結構化工作流程(如載入品牌控制架構、設定動態方向、應用「靈感而非複製」的護欄、產出逐場分鏡腳本)來確保專案品質。其核心價值在於強制產出創意簡報、品牌與動態控制表、分鏡腳本、建置筆記與 QA 評分卡等五項產出,並遵循清晰高於複雜、動態揭示層次、避免過度編輯等品質原則。工作流程包含從捕捉限制條件、設定創意方向、計畫、建置到疊代評量的完整階段,確保影片從概念到實作都能維持一致性與電影級水準。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/daniel-p-green/remotion-skills/tree/main/skills/remotion-motion-director

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Remotion 動態導演

當影片品質與程式碼品質同等重要時,請使用此技能。它旨在產出具有明確創意理由的精緻動畫作品,而非僅僅「能運作的動畫」。

使用時機

  • 使用者要求高品質、品牌主導的 Remotion 影片。
  • 使用者需要超越一般範本的精準樣式控制。
  • 專案需要以分鏡腳本為優先的執行方式與疊代評核循環。
  • 請求提及蘋果風格的質感、電影級動態或高階廣告氛圍。

請勿使用

  • 一次性技術修正,且無需設計方向。
  • 請求精確複製蘋果商標、產品畫面或廣告腳本。

必要工作流程

  1. 捕捉限制條件:
    • 載入 references/brand-control-schema.md。
    • 若使用者未提供,則以明確假設填補遺漏輸入。
  2. 設定創意方向:
    • 載入 references/motion-direction-principles.md。
    • 選擇一個主要動態配置檔與一個備用配置檔。
  3. 應用「靈感而非複製」護欄:
    • 載入 references/apple-inspired-not-copied.md。
  4. 在編碼前規劃:
    • 產出逐場分鏡腳本,包含時間與意圖。
  5. 在 Remotion 中建置:
    • 載入 references/remotion-implementation-map.md。
    • 將場景對應至 Composition、Sequence 與時間相關基本元件。
  6. 評核與優化:
    • 載入 references/production-rubric.md。
    • 為產出評分、列出差距,並執行至少一次改進迭代。

產出合約

請務必回傳以下成品:

  1. 創意方向簡報(訊息、目標受眾、視覺承諾)。
  2. 品牌與動態控制表(設計標記與可調參數)。
  3. 包含場景時間的分鏡腳本。
  4. 建置筆記(說明每個場景由哪些元件/動畫實作)。
  5. QA 評分卡分數以及下一階段的差異清單。

可重複使用的範本

在從頭產生自訂檔案前,請先使用這些範本:

  • assets/storyboard-template.md
  • assets/motion-tokens-template.ts
  • assets/scene-template.tsx
  • assets/remotion-root-template.tsx
  • assets/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。

相關技能