Skip to content
Submit

motion-skills: 50 packs (Reels, explainers, data-viz, Manim)

Install a pack and your agent works like a motion designer for TikTok/Reels, explainers, charts and WebGL.

motion-skills: 50 packs (Reels, explainers, data-viz, Manim)

Image: @gocloudship on X, shown with credit.

Try it in 60 seconds

npx skills add iart-ai/tiktok-video-skills
npx skills add iart-ai/data-animation-skills
/plugin marketplace add iart-ai/web-animation-skills

Install command copied from the project README. Check the README for the latest version.

What it does

Install a pack and your agent works like a motion designer for TikTok/Reels, explainers, charts and WebGL.

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.

Quoted from the README of iart-ai/motion-skills.

Inside the repo

The 18 packsInstallWhat's a skill?Built for every kind of motionLicense

Step by step

  1. Open the GitHub repo and skim the README (install commands change often).
  2. Install it: copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex), or use the plugin/marketplace command from the README.
  3. Restart Claude Code or Codex.
  4. Ask for the job in plain words; the skill loads when your request matches.

Docs, demos & materials

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related

SKILL0:56

HyperFrames: write HTML, get a video

Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.

Claude Code +1★ 63.8k
SKILL0:34

/brag: turn a finished project into a launch video

Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.

Claude Code +1★ 16k
SKILL0:28

Anatomy: interactive isometric illustrations

Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.

Claude Code +1★ 10.6k
SKILL

GSAP official agent skills

Official skills from GreenSock that teach agents to write correct, smooth GSAP animations.

Claude Code +1★ 16.4k
SKILL

animate: single-file procedural videos with a storyboard

Makes short canvas videos in any style, planning story, look and storyboard as it goes.

Claude Code★ 703
SKILL

Barty-Bart motion-graphics skills

Motion-graphics skills for Claude Code and Codex: animated cards and B-roll from your script.

Claude Code +1★ 682

Coming soon

AgentsUses Weekly

A free weekly email with the best new skills and agent workflows is coming soon. Want a heads-up when the first issue goes out? Email hello@agentsuses.com and we will let you know.

Get notified by email