by iart-ai
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.
# Add to your Claude Code skills
git clone https://github.com/iart-ai/motion-skillsGuides for using ai agents skills like motion-skills.
motion-skills is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by iart-ai. 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. It has 92 GitHub stars.
motion-skills's catalog security scan is still queued. You can run an instant dependency and prompt-injection check now with the "Scan for vulnerabilities" button above.
Clone the repository with "git clone https://github.com/iart-ai/motion-skills" and add it to your Claude Code skills directory (see the Installation section above).
motion-skills is primarily written in HTML. It is open-source under iart-ai on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh motion-skills against similar tools.
No comments yet. Be the first to share your thoughts!
Unlocks once the catalog security scan passes (runs nightly).
The deep catalog scan for this skill is still queued. Run an instant dependency check now instead.
50 open-source skills that teach your AI coding agent to make motion graphics, animation, and video — kinetic typography, data-driven charts, explainers, TikTok / Reels, 3D & WebGL, math animation, and web motion. Fourteen installable packs. Install one, and your agent just knows how.

Motion is the hardest thing to get right from a prompt: timing and easing, safe areas, frame-accurate rendering, on-brand type and color, a loop that actually loops. These skills encode that craft as agent-native workflows — each one teaches the agent how a professional would build it, with a deliver-and-verify loop (render a frame → screenshot → check) so it inspects its own output instead of hoping.
They're the open-source craft behind iart.ai, the AI motion agent. Bring them into the agent you already use — or let iart.ai run the whole pipeline for you.
Each pack is its own repo, aimed at one audience. Install only what you need.
| Pack | For | Skills |
|---|---|---|
| tiktok-video-skills | TikTok / Reels / Shorts creators | 4 |
| text-message-video-skills | Text-message story creators | 1 |
| youtube-video-skills | Podcasters & YouTubers | 2 |
| ecommerce-video-skills | E-commerce sellers | 3 |
| ad-video-skills | Brand advertisers & marketers | 3 |
| data-animation-skills | Analysts & PMs | 3 |
| explainer-video-skills | Educators & content creators | 5 |
| map-animation-skills | Vox-style editorial maps | 1 |
| web-animation-skills | Frontend developers | 9 |
| motion-design-skills | Motion designers | 9 |
| kinetic-typography-skills | Kinetic type / text animation | 1 |
| freelance-motion-skills | Freelancers & studios | 5 |
| webgl-animation-skills | 3D / WebGL / technical | 3 |
| manim-skills | Math / educational animators | 1 |
Each pack installs on its own:
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:
/plugin marketplace add iart-ai/web-animation-skills
Once installed, skills are auto-discovered by Claude Code, Cursor, Codex, and 40+ agents — and activate on their own when your prompt matches the work.
A skill is a self-contained folder (SKILL.md + references/) that teaches an agent one motion-graphics workflow — kinetic typography, beat-synced cuts, frame-accurate data charts, accessible web animation, and so on. No model fine-tuning, no plugin runtime: just the know-how, in a format every major agent already reads.
Skills that produce a visual artifact ship a deliver-and-verify loop plus a small scripts/ toolkit (freeze a frame, tile a contact sheet, probe the encoded MP4), so the agent confirms its own output — web skills render a standalone HTML, video skills render via Remotion or Manim.
Short-form vertical video • 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.
MIT — use them freely.
Built by iart.ai, the AI motion agent — describe it in a prompt, or point it at a CSV or brand kit, and get editable, on-brand motion graphics with exact text and numbers.