安裝
git clone https://github.com/Boriwatopal/agent-skill-remotion-motion-graphics.git /tmp/rmg && cp -R /tmp/rmg/skills/remotion-motion-graphics ~/.claude/skills/ && rm -rf /tmp/rmg適合誰
這個 Skill 面向想把動效當成程式碼來維護的人：品牌經營、短影音創作者或前端開發者，想用一段參考影片加一個 Logo，產出 kinetic-typography（動感字效）、Logo 動畫或品牌宣傳短片，並直接匯出 MP4。官方說明它支援從同一套程式碼庫輸出 9:16 和 16:9 兩種畫幅。
它不適合以下情況：沒有 Node.js 18+（Remotion 4 需要）或 PATH 上沒有 ffmpeg / ffprobe 的環境，分析與檢查指令碼無法執行；首次渲染時 Remotion 會自動下載 Chrome，網路受限環境可能卡在這一步。官方證據未說明是否支援其他執行環境或平台，也未說明支援哪些語言介面的 agent，這些屬於未知。
3 分鐘完成第一次嘗試
推薦主路徑是 Claude Code 的本機安裝：
- 前提：Node.js 18+，
ffmpeg/ffprobe在 PATH 上。 - 在終端機執行官方安裝指令，把 Skill 複製到
~/.claude/skills/：
git clone https://github.com/Boriwatopal/agent-skill-remotion-motion-graphics.git /tmp/rmg && \
cp -R /tmp/rmg/skills/remotion-motion-graphics ~/.claude/skills/ && rm -rf /tmp/rmg
- 在 Claude Code 中觸發一個低風險任務：提供一段參考片和一個 Logo（SVG 或網站），要求先只做分析——讓 agent 從參考片的 contact sheets 產生 beat map，從品牌素材提取顏色、字體和文案，並映射 Logo 路徑以便文字與圖形分開動畫。分析階段先不要求渲染成片。
成功訊號：agent 讀取了素材並給出 beat map 和品牌要素提取結果，說明 Skill 的工作流程已生效。注意渲染階段會執行指令、寫入檔案並下載 Chrome；證據未說明渲染過程是否需要額外確認，動作前請與 agent 明確輸出路徑。claude.ai / Cowork 使用者沒有這個路徑，官方提供的是下載 dist/remotion-motion-graphics.skill 並在 Settings → Capabilities → Skills 上傳，屬於另一平台的次要方式。
使用案例
案例一：從參考片提煉節奏。把競品短片和自己的 Logo 傳給 agent，要求產生 beat map 並提取顏色與字體，最後按 Skill 流程產出程式碼化動效並匯出 9:16 MP4。可確認的步驟是素材讀取與 beat map；渲染和成片品質取決於 agent 實際執行情況。
案例二：Logo 入場動畫。提供 Logo 的 SVG，要求文字與圖形分別動畫，做一版品牌宣傳短片。Skill 會映射 Logo 路徑讓元素分開動；匯出前按官方驗證流程走：tsc 通過、0.3 縮放試渲染、逐張檢查 contact sheets、對可疑影格做靜態渲染並修復，再最終渲染並從成片擷取影格作為證明。能確認的終局訊號是拿到 MP4 及擷取影格的證明。
使用邊界
渲染會執行 tsc 與 Remotion 渲染指令、寫入專案檔案、首次執行時下載 Chrome——這些是官方明確描述的行為。Skill 的分析與檢查指令碼依賴 ffmpeg / ffprobe。官方證據未說明：渲染是否需要使用者確認、會寫到哪些具體路徑、能否離線執行、支援的語言範圍（不因 README 是英文就推斷只支援英文素材）。Skill 產出的是渲染出的 MP4 和程式碼，證據未說明它會直接修改使用者的既有檔案；對檔案系統的影響範圍請以 agent 實際行為為準。兩個平台的安裝方式不同：Claude Code 是 git clone 加複製目錄，claude.ai / Cowork 是上傳 .skill 檔案，不可互相套用。