Start
motion-design-web
motion-design-web - Skill Dossier
motion-design-web

motion-design-web

Motion design and micro-animations for web interfaces — Framer Motion layout animations, CSS scroll-driven animations, View Transitions API, GSAP ScrollTrigger, spring physics tuning, loading choreography, and Disney's 12 principles applied to UI. Makes interfaces feel alive without feeling busy. Activate on 'web animation', 'Framer Motion', 'micro-interaction', 'scroll animation', 'page transition', 'View Transitions API', 'spring animation web', 'motion design', 'loading animation', 'skeleton screen', 'hover effect', 'GSAP ScrollTrigger'.

Uncategorized

Allowed Tools

ReadWriteEditGlobGrepWebSearchWebFetch

Share this skill

Skills use the open SKILL.md standard — the same file works across all platforms.

Install all 544 skills as a plugin
claude plugin marketplace add curiositech/windags-skills claude plugin install windags-skills

Claude activates motion-design-web automatically when your task matches its description.

View on GitHub
"Use motion-design-web to help me build a feature system"
"I need expert help with motion design and micro-animations for web interfa..."