This repository provides 51 open-source skills for motion graphics, animation, and video workflows. The skills are organized into 15 installable packs, and each pack teaches an agent how to build a specific kind of motion asset with a deliver-and-verify loop.
Builders who want their coding agent to make motion graphics, animated video, and web motion from prompts.
You can get an agent to produce editable motion assets and check its own renders instead of guessing.
The skills are split into 15 packs such as TikTok video, data animation, explainer video, web animation, and Manim.
Skills for visual outputs tell the agent to render, screenshot, and inspect its work before finishing.
Each skill is a self-contained `SKILL.md` plus `references/` folder that major agents can read directly.
Covers kinetic typography, charts, web animation, WebGL, generative illustration, and programmatic video.
Packs can be installed with `npx skills add ...` or added through Claude Code’s plugin marketplace.
npx skills add iart-ai/tiktok-video-skills npx skills add iart-ai/data-animation-skills # …or any pack above
/plugin marketplace add iart-ai/web-animation-skills
51 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, generative illustration, and web motion. Fifteen 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 |
| generative-illustration-skills | Generative-illustration & creative coders | 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.
Sign in to join the discussion.
No comments yet. Be the first to say what this is good for.
Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.
Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.