awesome-motion-design-agent-skills
Health Pass
- License — License: CC0-1.0
- Description — Repository has a description
- Active repo — Last push 0 days ago
- Community trust — 55 GitHub stars
Code Pass
- Code scan — Scanned 12 files during light audit, no dangerous patterns found
Permissions Pass
- Permissions — No dangerous permissions requested
No AI report is available for this listing yet.
Curated motion design agent skills: GSAP, Motion, Remotion, Lottie and Rive for web animation, programmatic video and motion QA. Installable in Claude Code, Codex, Copilot.
Awesome Motion Design Agent Skills 

The motion-design stack for AI agents — curated GSAP, Motion, Remotion, Lottie and Rive resources, plus five installable skills that make agents animate with taste.
Every entry links to its primary source and carries a dated pulse. Companion FrankX lists sit at the end, never in front.
Doctrine: static hierarchy first. Animate only to clarify state or narrative. Design the reduced-motion path — don't just disable it. Verify on real devices.
Install
Five skills ship in skills/ as open-standard SKILL.md folders, so one source feeds every surface.
| Surface | Install |
|---|---|
Any agent — Claude Code, Codex, Cursor, Copilot, Gemini CLI and 70+ more via vercel-labs/skills |
npx skills add frankxai/awesome-motion-design-agent-skills |
| One skill, one agent | npx skills add frankxai/awesome-motion-design-agent-skills --skill web-motion-auditor -a claude-code (or codex, cursor, github-copilot, gemini-cli; add -g for global) |
| Claude Code plugin (all five, auto-updating) | /plugin marketplace add frankxai/awesome-motion-design-agent-skills then /plugin install motion-design-studio@frankx-motion |
| Claude.ai · Claude Desktop · Cowork | Download a skill .zip from the rolling release and upload it in Claude's Skills settings |
| GitHub Copilot (cloud agent, CLI, VS Code) | Copy skills/<name>/ into your repo's .github/skills/ — or npx skills add … -a github-copilot |
| Codex | npx skills add frankxai/awesome-motion-design-agent-skills -a codex |
Preview with npx skills add frankxai/awesome-motion-design-agent-skills --list; verify with npx skills list. Scan any third-party pack with NVIDIA/SkillSpector before it reaches a live profile.
Choose your workflow
Five first-party skills, one per job. Read the SKILL.md, then install only what the work needs.
| Job | Skill | Read without installing | Zip |
|---|---|---|---|
| Product UI motion, stack choice, vector/3D assets | motion-director |
motion quality rubric | ↓ |
| Cinematic site choreography | site-motion-excellence-director |
site motion spec · excellence gate | ↓ |
| Deterministic video in React | remotion-video-agent |
GIF/video pipeline | ↓ |
| Generative media routing and finishing | generative-media-director |
production workflow · provider routing | ↓ |
| Review, capture, motion QA | web-motion-auditor |
site motion rollout | ↓ |
New here? GETTING_STARTED walks discovery → read → install → verify.
Everything else in the repo| Layer | Files |
|---|---|
| Templates | MOTION.md brand motion · media brief |
| Playbooks | recommended installs |
| Contracts | media job schema · provider routing config · motion pattern registry |
| Maps | motion capability matrix · generative media provider matrix · Motion Designer MCP spec · stack ranking |
Earned third-party skill packs
Operators get leverage from about 5–7 named workflows, not bulk dumps. Method: earned-skills index · safety gate.
| Pack | Pulse | Job | Install |
|---|---|---|---|
| greensock/gsap-skills | MIT · 15.8k★ | Official GSAP agent skills — timelines, ScrollTrigger, React | npx skills add greensock/gsap-skills |
| remotion-dev/skills | 4.8k★ | Official Remotion agent skills | npx skills add remotion-dev/skills |
| LottieFiles/motion-design-skill | MIT · 1.8k★ | Motion-design principles for Lottie / dotLottie output | npx skills add LottieFiles/motion-design-skill |
| Orkas-AI/Orkas-VideoStudio | MIT · 496★ | 14-skill video pack driven by plan.json |
see repo |
| garrytan/gstack | MIT · 134k★ | Design / motion QA passes | see repo |
| nexu-io/open-design | Apache-2.0 · 98k★ | Design + media workflows, Hermes via ACP | see repo |
| NVIDIA/SkillSpector | Apache-2.0 · 18.5k★ | Scan skill packs before install | see repo |
Do not install unsigned ZIP/S3 skill blobs or mass-dump skill collections into a live profile.
Curated catalog
| Project | Pulse snapshot | Why it is here |
|---|---|---|
| GSAP | Custom license · 28.7k★ | Timeline-grade JavaScript animation; ScrollTrigger for narrative scroll. |
| Motion | MIT · 33.8k★ | React/JavaScript animation with layout and gesture primitives. |
| React Three Fiber | MIT · 32.6k★ | Three.js as a React renderer for 3D scenes with fallbacks. |
| Remotion | Custom license · 60.9k★ | Programmatic video rendered from React. |
| Anime.js | MIT · 73.2k★ | Lightweight timeline animation for DOM, SVG and CSS. |
| Rive WebAssembly | MIT · 970★ | State-machine interactive vector animation runtime. |
| dotLottie web | MIT · 888★ | Modern Lottie player for web UI motion assets. |
| Phaser | MIT · 40.4k★ | Real-time web interaction and game-feel patterns. |
| Agent Skills | Apache-2.0 · 25.8k★ | The open SKILL.md standard these skills follow. |
| skills CLI | MIT · 32.7k★ | Cross-agent installer behind npx skills add. |
mindmap
root((Curated agent capability))
Strategy
fit and scope
Governance
provenance and license
Talent
human review
Technology
tools and integration
Data
evidence and memory
Ethics
safety and disclosure
This lens is editorial, not an endorsement or a claim that a project satisfies every pillar.
Explore the FrankX Awesome Ecosystem
Companion catalogs. The third-party projects above are this list's primary value.
Agents & systems — agent operating systems · hermes agents · hermes agent skills · automation · AI CoE
Create — design · motion design · music · gamification
Capital — agentic income · investor · wealth · payments
Mind & cosmos — mind · manifestation · cosmos
Contribution standard
Open a PR with a primary URL, one-sentence distinct value, current maintenance evidence, license posture, and relevant safety/deployment caveat. New skills must pass skills-validate (frontmatter name matches folder, description ≤ 1024 chars, no private paths). No affiliate links, private workflow exports, unverified claims, or product pitches in place of a useful third-party resource.
Research method
Repository metadata (stars, SPDX license, archived state, last push) was pulled from the GitHub API on 2026-09-28. "Custom license" means GitHub returned no standard SPDX identifier — read the license before adoption. Counts are dated discovery signals, not rankings. Links are checked on every PR and monthly by Lychee. Nothing here is financial, legal, medical, or safety advice.
Reviews (0)
Sign in to leave a review.
Leave a reviewNo results found