walidboulanouar/Ay-Skills

AY Automate 背景

主要使用案例：AY Automate 思想領導力的 LinkedIn 影片內容。

典型的 LinkedIn 影片格式

• 思想領導力短片 (15-45 秒)： 逆向觀點、AI 代理示範、開發進度更新
• 教學解說 (60-90 秒)： n8n 工作流程示範、代理架構解釋
• 客戶成功案例 (30-45 秒)： 前後指標對比、動畫資料揭曉

品牌整合

• 背景色：#0a0f1a (深海軍藍) | 強調色：#00d4ff (青色) | 文字色：#f0f4f8
• 字型：Inter (標題 + 內文)，JetBrains Mono (程式碼)
• 輸出格式：MP4，最佳長度 15-90 秒，務必包含字幕

何時使用

每當您處理 Remotion 專案時，請使用此技能。這包括：

• 建立新的影片合成或動畫
• 編輯現有的 Remotion 元件
• 在 Remotion 專案中新增素材（圖片、音訊、影片）
• 建構動畫序列、轉場或特效
• 任何涉及 Remotion 專案目錄的工作

主要觸發條件： 出現 "Remotion" 一詞、路徑包含 remotion-videos/、檔案如 remotion.config.ts，或要求以 React 建立動畫影片內容。

如何使用

請閱讀個別規則檔案以取得詳細說明與程式碼範例：

• 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 - 動態設定合成的持續時間、尺寸與屬性
• rules/can-decode.md - 使用 Mediabunny 檢查瀏覽器是否能解碼影片
• rules/charts.md - Remotion 的圖表與資料視覺化模式
• rules/compositions.md - 定義合成、靜態畫面、資料夾、預設屬性與動態元資料
• rules/display-captions.md - 在 Remotion 中以 TikTok 風格頁面與單詞高亮顯示字幕
• rules/extract-frames.md - 使用 Mediabunny 從影片中提取特定時間點的影格
• rules/fonts.md - 在 Remotion 中載入 Google 字型與本地字型
• 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 - 測量文字尺寸、將文字適配容器以及檢查溢出
• rules/sequencing.md - Remotion 的序列模式 - 延遲、裁剪、限制項目持續時間
• rules/tailwind.md - 在 Remotion 中使用 TailwindCSS
• rules/text-animations.md - Remotion 的排版與文字動畫模式
• rules/timing.md - Remotion 中的插值曲線 - 線性、緩動、彈簧動畫
• rules/transcribe-captions.md - 轉錄音訊以在 Remotion 中產生字幕
• rules/transitions.md - Remotion 的場景轉場模式
• rules/trimming.md - Remotion 的裁剪模式 - 剪掉動畫的開頭或結尾
• rules/videos.md - 在 Remotion 中嵌入影片 - 裁剪、音量、速度、循環、音高
• rules/parameters.md - 透過新增 Zod 綱要讓影片參數化
• rules/maps.md - 使用 Mapbox 新增地圖並製作動畫