motion-skills
50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL
What is motion-skills?
50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL, Manim. 14 installable packs. By iart.ai, the AI motion agent.
Overview of motion-skills
What it is
Motion Graphics Skills for AI Coding Agents is a collection of 55 open-source skills that teach an AI coding agent to create motion graphics, animation, and video. It covers kinetic typography, data-driven charts, explainers, TikTok/Reels, 3D & WebGL, math animation, generative illustration, code-drawn canvas animation, transparent lower thirds, b-roll for talking-head videos, and web motion. The skills are organized into 18 installable packs, each targeting a specific audience or use case. They are built by iart.ai, the AI motion agent, and encode professional craft with a deliver-and-verify loop that lets the agent inspect its own output.
Key features
- 55 open-source skills covering a wide range of motion graphics and animation types - 18 installable packs, each focused on a specific domain (e.g., TikTok, data animation, web animation)
- Deliver-and-verify loop: skills include a render → screenshot → check workflow so the agent validates its own output - Auto-discovered by Claude Code, Cursor, Codex, and 40+ agents; no plugin runtime required - Skills are self-contained folders (SKILL.md + references/) that teach one workflow each - Supports multiple rendering backends: Remotion, Manim, standalone HTML, JavaScript canvas, WebGL, etc.
- MIT licensed, free to use
Use cases
Short-form vertical video (TikTok, Reels, Shorts) • explainer and educational clips • data-driven infographics and charts • product and e-commerce demos • brand and ad creative • kinetic typography and titles • editorial map animation • logo and brand-system motion • GSAP / SVG / Lottie web animation • Three.js / WebGL / shaders • Manim math animation • Remotion programmatic video • zero-asset canvas animation drawn frame by frame in JavaScript • transparent lower thirds and stream overlays (WebM alpha, ProRes 4444) • b-roll for talking-head videos, timed to the words.
Getting started
Each pack installs individually. Use the following commands to add a pack: bash npx skills add iart-ai/tiktok-video-skills npx skills add iart-ai/data-animation-skills # …or any pack above Or add one as a Claude Code plugin: bash /plugin marketplace add iart-ai/web-animation-skills Once installed, skills are auto-discovered by supported agents.
License and pricing
MIT license — use them freely. The project is open source.
Based on the project's public README and repository metadata.