A set of Agent Skills that teach AI coding agents such as Claude Code, Codex and Cursor best practices for building Remotion video projects.
iart-ai/motion-skills
A collection of 55 installable agent skills that teach AI coding agents to build motion graphics, animation and video workflows.
- Stars
- 895
- Forks
- 80
- Open issues
- 0
- Last commit
- 6 days ago
What is it?
Motion Graphics Skills is a set of open-source skill folders, each containing a SKILL.md and reference files, that give AI coding agents such as Claude Code, Cursor and Codex a specific motion-graphics workflow. Topics include kinetic typography, data-driven charts, explainer videos, short-form vertical video, WebGL and Three.js scenes, Manim math animation, Remotion programmatic video, and transparent lower thirds for streaming tools.
The skills are grouped into 18 separately installable packs aimed at different audiences, such as TikTok creators, e-commerce sellers, frontend developers and motion designers. Each pack can be added with npx skills add or as a Claude Code plugin. Skills that produce visuals include a render-and-check loop and small scripts for freezing frames, building contact sheets and probing encoded MP4 files, so the agent can inspect its own output.
No model fine-tuning or plugin runtime is involved; the skills are plain instructions in a format that major agents read. The project is MIT licensed and is maintained by iart.ai.
Key features
- 01Covers kinetic typography, data charts, explainers, short-form video and web animation
- 02Organized into 18 installable packs by audience
- 03Installable via npx skills add or as a Claude Code plugin
- 04Includes render-and-verify loops with scripts for frame capture and MP4 probing
- 05Supports Remotion, Manim, GSAP, Three.js and Lottie workflows
Use cases
- Having an AI coding agent produce a data-driven chart video from a CSV file
- Building short vertical videos for TikTok or Reels with an agent
- Creating Manim math animations or Remotion videos through prompts
- Adding transparent lower thirds to OBS or Premiere projects
Quick start
- 1
Install the general web animation pack with the skills CLI
npx skills add iart-ai/web-animation-skills
Things to know
- Each skill is a set of agent instructions, not standalone software, so results depend on the agent you use.
- Video skills render through Remotion or Manim, which require their own setup.
Topics
FAQ
- What is motion-skills?
- A collection of 55 installable agent skills that teach AI coding agents to build motion graphics, animation and video workflows. Motion Graphics Skills is a set of open-source skill folders, each containing a SKILL.md and reference files, that give AI coding agents such as Claude Code, Cursor and Codex a specific motion-graphics workflow. Topics include kinetic typography, data-driven charts, explainer videos, short-form vertical video, WebGL and Three.js scenes, Manim math animation, Remotion programmatic video, and transparent lower thirds for streaming tools.
- Is motion-skills free to use? What license does it have?
- motion-skills is open source under the MIT license. Check the license terms before using it in commercial products.
- Is motion-skills still maintained?
- Actively maintained. The last commit to motion-skills was on Oct 14, 2026.
- What can I use motion-skills for?
- Having an AI coding agent produce a data-driven chart video from a CSV file Building short vertical videos for TikTok or Reels with an agent Creating Manim math animations or Remotion videos through prompts Adding transparent lower thirds to OBS or Premiere projects
- How do I install motion-skills?
- Install the general web animation pack with the skills CLI: npx skills add iart-ai/web-animation-skills
- Where can I get motion-skills?
- The source code and installation instructions are on GitHub: https://github.com/iart-ai/motion-skills
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A Claude Code / Codex agent skill that turns a product description into a commercial-grade launch film, built from code with a composed score and point-and-click editing.
A set of installable skills that give AI coding agents guidance on motion design, After Effects, Remotion video, logo animation, and motion backgrounds.
An agent skill for Claude Code and Codex that turns your product pages into cinematic promo videos, built with Remotion code rather than generative AI.
An MIT-licensed Claude agent skill that teaches Claude to create and edit motion-graphics videos in code with Remotion.
A motion design toolkit that lets coding agents like Claude Code build Remotion videos with timeline-driven scenes, a visual review loop and a Python sound engine.