FA

frankxai/awesome-motion-design-agent-skills

Developer tools
76 stars Quality 50 Trend 40

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.

Overview

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. static hierarchy first. Animate only to clarify state or narrative. Design the reduced-motion path — don't just disable it. Verify on real devices. Five skills ship in skills/ as open-standard SKILL.md folders, so one source feeds every surface. 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. Five first-party skills, one per job. Read the SKILL.md, then install only what the work needs. New here? GETTING_STARTED walks discovery → read → install → verify. Operators get leverage from , not bulk dumps. Method: earned-skills index · safety gate.

README

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// 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.

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.
1human reference client MIT client · checked 2026-10-10 Discover attributed motion references and retrieve recipes with owner-authorized agent access.
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.
product-launch-motion MIT · 253★ Claude Code skill: website URL to a 60 fps launch video with music, SFX and motion blur. Needs local Playwright and ffmpeg.

The 1human client serves reference discovery rather than rendering: public previews need no account, while recipes, publication and private preferences require owner-approved credentials. The client/examples are MIT; the hosted service, brand and private data are not. Reference licenses remain per creation. Basic participation is free, with a capped beta; this is not a universal importer or evidence of adoption.

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.

View the full README on GitHub

Recommended Tools

Try a different keyword or remove a filter.

Install

npx skillfish add frankxai/awesome-motion-design-agent-skills
New to MCP? Start with the mcpskill.org guide →