Remotion Dev技能

在 Remotion 專家頁面新增一位專家

為 @remotion/sfx 新增一個音效

在 Remotion 文件中加入互動式示範。用於為文件頁面建立新的 <Demo> 元件時使用。

修正 Dependabot PR，更新所有 monorepo 中的相依套件實例，執行 bun install 並推送變更。

自動化拉取請求的建立，包含格式化提交與分支管理。確保不在主分支上，必要時建立功能分支。在提交前對所有受影響的套件執行 Oxfmt 程式碼格式化。使用 package.json 中的套件名稱來格式化提交與拉取請求標題（例如：「@remotion/shapes：新增心形」）。在推送變更後，使用 gh CLI 自動開啟拉取請求。

PR 的正確命名

Remotion - 在 React 中創建影片的最佳實踐

Remotion - 在 React 中創建影片的最佳實踐

使用Remotion和React製作影片的領域特定知識庫。涵蓋30多個規則檔案，涉及動畫、音訊、素材、3D內容、圖表、文字、轉場及合成管理。包含字幕、FFmpeg操作、音訊視覺化及音效整合的專業指南。提供動態中繼資料計算、媒體檢查（時長、尺寸、影格提取）及可參數化合成的模式。支援Lottie等進階功能...

生成關於影片的報告

使用 vitest 測試固件對網頁渲染器元件進行視覺快照測試。在 packages/web-renderer/src/test/fixtures 中建立測試固件，定義 React 元件、尺寸、幀率和持續時間。在 packages/web-renderer/src/test/Root.tsx 中註冊固件以啟用預覽功能。編寫測試案例，使用 renderStillOnWeb() 渲染靜態畫面，並透過 testImage() 快照比對驗證輸出。使用 bunx vitest src/test/video.test.tsx 執行測試，並更新文件...

撰寫 Remotion API 文件的指南與範本，採用 MDX 格式。在 packages/docs/docs 中為每個 API 建立一個 .mdx 檔案，將其加入 sidebars.ts，並執行 bun render-cards.ts 以生成社交預覽卡片。API 屬性使用 ### 標題（而非項目符號），可選參數加上 ? 後綴，並在描述中自然包含預設值。偏好使用帶有 twoslash 驗證的型別安全程式碼片段；使用 // ---cut--- 隱藏匯入，並始終為...添加 title 屬性。