Remotion 產品動畫
將產品互動轉化為清晰的視覺故事：建立情境、展示動作、使其結果易於閱讀，然後將注意力移交給下一個動作。根據需求調整動畫。靜態畫面、默片、收斂的過場和連續的鏡頭移動都是有效的選擇。
確立影片
識別觀眾、產品成果、時長、尺寸、所需的畫面以及提供的素材。明確記錄關於音效、鏡頭移動、原生 UI 行為和字幕的選擇。解決缺失的關鍵項目；對次要樣式選擇合理的預設值。
在規劃聲明之前，先檢查實際的介面和可用的內容。保留可識別的字型、比例、顏色、標籤和互動行為。使用經過授權的真實素材；標記合成的示範資料。記錄廣告中所宣稱的數量、計算單位、篩選條件和去重方法的來源與快照日期。一個具代表性的子集不足以證實全目錄的聲明。
撰寫一份簡潔的鏡頭計畫，包含每個鏡頭的影格區間、焦點目標、動作/結果、可閱讀區間、過場和可選的音效提示。包含結尾。當同時要求橫向和直向構圖時，分別規劃；僅裁切可能會遺失控制項或標籤。
選擇相關指引
- 規劃鏡頭移動、緩動、重疊過場或調整佈局與游標目標時，請閱讀編排參考。
- 實作動畫、原生 CSS 行為、動態模糊或離散畫面之間的硬切時，請閱讀確定性 UI 參考。
- 放置音訊、最佳化匯出或驗證最終影片時，請閱讀音效與渲染參考。其視覺驗證章節也適用於無聲作品。
可於適當時使用 scripts/motion.mjs 中的可重複使用數學函式。它無依賴套件；請以適當的相對路徑將其複製或匯入目標專案。在整合前先檢查其匯出項目與參數合約。progress、expoIn、expoOut 和 track 處理時間；cameraAt 和 project 幫助評估組合構圖；selectState 選擇剪輯點；cueStartFrame 和 duckGain 輔助音訊放置。此輔助檔案為選用，不會建立 Remotion 專案。此技能獨立於任何儲存庫展示之外運作。
建置與檢查
將動畫設為影格與固定輸入的純函式。將離散畫面的選擇保留在時間取樣之外，連續動畫鉤子保留在時間取樣之內，音訊保留在時間取樣之外。請參閱確定性參考以了解此區別及其交叉淡化的例外情況。
首先實作一個代表性的動作與交遞。在重複模式之前，檢查在閱讀區間、速度峰值、剪輯邊界與目的地的渲染影格。當動作不明確時，改變時間、佈局或層級；裝飾無法彌補缺失的因果關係。
鏡頭移動應揭示上下文或引導注意力。如果連續移動符合需求，則重疊獨立計時的平移與滑軌軌跡，並檢查其投影結果。移動的父物件並不代表其焦點物件在畫面上移動。當靜止鏡頭符合需求時，選擇安靜或完全靜止的保持。顆粒感、呼吸感、晃動和持續運動是可選的美學決定。
在任何佈局編輯後，重新評估後續流程、鏡頭目標、游標點擊點、滾動邊界和構圖。僅渲染成功並不能驗證它們。
交付證據
使用專案鎖定的工具鏈渲染要求的格式。檢查風險過渡周圍的連續影格，以及在播放可用時以正常速度檢查編碼結果。驗證文字、真實內容、游標對齊、裁切、素材就緒狀態、時長和結尾。對於音效，區分測量訊號檢查與實際聆聽。
報告輸出路徑、實際執行的命令/檢查、素材限制和未解決的缺陷。明確說明何時無法進行即時播放或音訊試聽。聯絡表有助於視覺審查；但它無法確認節奏或音訊品質。僅在使用者授權範圍內，才可外部發布或傳送作品。