podo/design-agent-skills

remotion

目錄存根 — 完整套件：remotion-dev/skills

注意： 上游已將單一的 remotion 技能重構成一個包含多個聚焦子技能的套件 — remotion-best-practices、remotion-create、remotion-render、remotion-captions、remotion-docs、remotion-interactivity、remotion-markup、remotion-saas、remotion-upgrade，以及 mediabunny。安裝此套件即可取得所有子技能。

決策樹

1. 套件是否已安裝？ 檢查：您的代理技能目錄中是否包含 remotion-* 技能，且內容不僅限於此存根。

   • 是 → 調用相關的 remotion-* 技能並繼續
   • 否 → 前往步驟 2

2. 您使用的是哪個代理？

   • Claude Code → npx skills add remotion-dev/skills — 或將 ! npx skills add … 作為聊天訊息發送（加上 -g 為全域安裝，省略則為專案限定）
   • Cursor → npx skills add remotion-dev/skills
   • 其他 → npx skills add remotion-dev/skills 或參閱 GitHub README

安裝指令

npx skills add remotion-dev/skills

安裝所有 Remotion 子技能。若只想安裝單一技能，請在其名稱後附加，例如： npx skills add remotion-dev/skills --skill remotion-best-practices。

安裝後調用

• 技能名稱：remotion-best-practices、remotion-create、remotion-render、remotion-captions、remotion-docs、remotion-interactivity、remotion-markup、remotion-saas、remotion-upgrade、mediabunny
• 觸發詞："remotion"、"programmatic video"、"React video"、"animated video"、"render video"

功能說明

官方 Remotion 技能套件，用於使用 React 建立程式化影片。將影片序列作為 React 元件組合，以彈簧物理動畫與內插進行動畫處理，並輸出為 MP4、WebM 或 GIF。子技能涵蓋最佳實踐、新專案生成（remotion-create）、渲染（remotion-render）、字幕、互動性、標記、SaaS 整合及版本升級。最適合需要程式碼精準控制的產品展示、資料驅動視覺化及解說動畫。

何時不應使用

• 僅需簡單的 CSS/JS 動畫，無須影片匯出（請使用 gsap-skills 或 framer-motion-skills）
• 非 React 的影片管線（請使用 hyperframes 進行 HTML 轉影片）