Start
animation-system-architect
animation-system-architect - Skill Dossier
animation-system-architect

animation-system-architect

Design performant animation systems with Framer Motion, GSAP, View Transitions API, and spring physics. Activate on: page transitions, micro-interactions, scroll animations, layout animations, spring physics. NOT for: CSS-only hover effects (use css-in-js-architect), video/canvas rendering (use creative-coding-expert).

Frontend & UI
#animation#framer-motion#gsap#view-transitions#micro-interactions

Allowed Tools

ReadWriteEditBash(npm:*npx:*)

Share this skill

TwitterLinkedIn
⚡

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use animation-system-architect to help me build..."
Request Early Access
"Use animation-system-architect to help me build a animation system"
"I need expert help with design performant animation systems with framer mo..."
"Orchestrate animation-system-architect with web-design-expert for animation enhances design intent -- motion should serve ux goals"