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.

Add this badge to your README

Featured on YunoDB Badge styles & help

Maintain this project? Show that it is featured on 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>