motion-skills

50 個開源技能,教你的 AI 編碼代理製作動態圖形、動畫與影片——動態字體排版、資料視覺化、解說影片、TikTok/Reels、WebGL

motion-skills 是什麼?

50 個開源技能,教你的 AI 編碼代理製作動態圖形、動畫與影片——動態字體排版、資料視覺化、解說影片、TikTok/Reels、WebGL、Manim。14 個可安裝套件。由 iart.ai(AI 動態代理)提供。

motion-skills 概覽

這是什麼

Motion Graphics Skills for AI Coding Agents 是一套 55 個開源技能,教導 AI 編碼代理程式製作動態圖像、動畫與影片。涵蓋動態字體、資料驅動圖表、解說影片、TikTok/Reels、3D 與 WebGL、數學動畫、生成式插畫、程式繪製畫布動畫、透明下三分之一、談話頭影片的 B-roll 以及網頁動畫。這些技能組織成 18 個可安裝的套件,每個套件針對特定受眾或使用情境。由 AI 動畫代理 iart.ai 建置,將專業工藝編碼為「交付與驗證循環」,讓代理能檢查自己的輸出。

主要功能

  • 55 個開源技能,涵蓋多種動態圖像與動畫類型 - 18 個可安裝套件,每個專注於特定領域(如 TikTok、資料動畫、網頁動畫) - 交付與驗證循環:技能包含「渲染畫面 → 螢幕截圖 → 檢查」工作流程,讓代理驗證自己的輸出 - 可被 Claude Code、Cursor、Codex 及 40 多個代理自動發現,無需外掛執行環境 - 技能是自包含的資料夾(SKILL.md + references/),每個教導一個工作流程 - 支援多種渲染後端:Remotion、Manim、獨立 HTML、JavaScript 畫布、WebGL 等 - MIT 授權,可自由使用

使用情境

短直式影片(TikTok、Reels、Shorts)• 解說與教育短片 • 資料驅動資訊圖表與圖表 • 產品與電子商務展示 • 品牌與廣告創意 • 動態字體與標題 • 編輯地圖動畫 • 標誌與品牌系統動畫 • GSAP / SVG / Lottie 網頁動畫 • Three.js / WebGL / 著色器 • Manim 數學動畫 • Remotion 程式化影片 • 零素材畫布動畫(JavaScript 逐幀繪製)• 透明下三分之一與串流疊加層(WebM alpha、ProRes 4444)• 配合語音時間的談話頭影片 B-roll。

快速開始

每個套件可單獨安裝。使用以下指令新增套件: bash npx skills add iart-ai/tiktok-video-skills npx skills add iart-ai/data-animation-skills # …或以上任何套件 或作為 Claude Code 外掛新增: bash /plugin marketplace add iart-ai/web-animation-skills 安裝後,技能會被支援的代理自動發現。

授權與價格

MIT 授權 — 可自由使用。本專案為開源軟體。

內容整理自該專案公開的 README 與儲存庫資訊。

將此徽章加入你的 README

Featured on YunoDB 徽章樣式與說明

你是這個專案的維護者嗎?展示它已收錄於 YunoDB。

Markdown[![Featured on YunoDB](https://yunodb.com/badge/iart-aimotion-skills.svg)](https://yunodb.com/tools/iart-aimotion-skills?utm_source=github&utm_medium=badge)
HTML<a href="https://yunodb.com/tools/iart-aimotion-skills?utm_source=github&utm_medium=badge"><img src="https://yunodb.com/badge/iart-aimotion-skills.svg" alt="Featured on YunoDB" height="20"></a>