awesome-motion-design-agent-skills

mcp
Security Audit
Pass
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.

SUMMARY

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.

README.md

Awesome Motion Design Agent Skills Awesome

Awesome Motion Design Agent Skills — Interface motion, cinematic web and programmatic video — installable in one line.

Stars Last commit License: CC0

Install: any agent Claude Code plugin Download for Claude.ai

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.
Editorial curation lens (optional)
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)

No results found