remotion-video-creation

使用時機

每當您在處理 Remotion 程式碼時使用此 Skill，即可獲取相關領域的專業知識。

使用方式

請閱讀各個規則檔案以了解詳細說明與程式碼範例：

• rules/3d.md - 使用 Three.js 與 React Three Fiber 在 Remotion 中製作 3D 內容
• rules/animations.md - Remotion 的基礎動畫技巧
• rules/assets.md - 匯入圖片、影片、音訊與字型至 Remotion
• rules/audio.md - 在 Remotion 中使用音訊與聲音——匯入、裁切、音量、播放速度、音高
• rules/calculate-metadata.md - 動態設定 Composition 的時長、尺寸與 Props
• rules/can-decode.md - 使用 Mediabunny 檢查瀏覽器是否能解碼該影片
• rules/charts.md - Remotion 的圖表與資料視覺化模式
• rules/compositions.md - 定義 Composition、靜態圖 (Stills)、資料夾、預設 Props 與動態 Meta 資料
• rules/display-captions.md - 在 Remotion 中顯示字幕，支援 TikTok 風格單頁顯示與單字高亮
• rules/extract-frames.md - 使用 Mediabunny 擷取影片特定時間點的畫面幀
• rules/fonts.md - 在 Remotion 中載入 Google Fonts 與本機字型
• rules/get-audio-duration.md - 使用 Mediabunny 取得音訊檔案的秒數時長
• rules/get-video-dimensions.md - 使用 Mediabunny 取得影片檔案的寬度與高度
• rules/get-video-duration.md - 使用 Mediabunny 取得影片檔案的秒數時長
• rules/gifs.md - 顯示與 Remotion 時間軸同步的 GIF 動態圖
• rules/images.md - 使用 Img 元件在 Remotion 中嵌入圖片
• rules/import-srt-captions.md - 使用 @remotion/captions 將 .srt 字幕檔匯入 Remotion
• rules/lottie.md - 在 Remotion 中嵌入 Lottie 動畫
• rules/measuring-dom-nodes.md - 在 Remotion 中量測 DOM 元素的尺寸
• rules/measuring-text.md - 量測文字尺寸、將文字填入容器以及檢查溢出 (overflow)
• rules/sequencing.md - Remotion 的序列化 (Sequencing) 模式——延遲、裁切、限制元件時長
• rules/tailwind.md - 在 Remotion 中使用 TailwindCSS
• rules/text-animations.md - Remotion 的字體排印與文字動畫模式
• rules/timing.md - Remotion 的內插曲線 (Interpolation)——線性、緩動 (easing) 與彈簧 (spring) 動畫
• rules/transcribe-captions.md - 在 Remotion 中轉錄音訊以生成字幕
• rules/transitions.md - Remotion 的場景轉場模式
• rules/trimming.md - Remotion 的剪輯模式——裁切動畫的開頭或結尾
• rules/videos.md - 在 Remotion 中嵌入影片——裁切、音量、播放速度、循環播放、音高