Animation Designer

This is the animation skill you reach for when you need production-ready motion patterns instead of reinventing fade-ins for the hundredth time. It covers the essentials: staggered lists, modal transitions, scroll-triggered reveals, and all those micro-interactions that make interfaces feel polished. The patterns use Framer Motion with sensible spring physics and easing curves already dialed in. You also get practical CSS keyframe examples and loading states like skeleton loaders and pulsing dots. It's not trying to teach you animation theory, just giving you copy-paste starting points that actually look good. If you're building a React app and want animations that don't feel like an afterthought, this gets you there faster than scrolling through documentation.

Install to Claude Code

npx -y skills add daffy0208/ai-dev-standards --skill animation-designer --agent claude-code