Interaction Design

Creates smooth, purposeful animations and microinteractions using Framer Motion, CSS transitions, and gesture libraries. Handles the full spectrum from button hover states and loading skeletons to page transitions and swipe gestures. Includes timing guidelines, easing functions, and accessibility patterns like reduced motion support. The code examples cover real implementation details like ripple effects, drag interactions, and spring physics. What I like is the emphasis on performance and user preferences rather than flashy effects for their own sake. Saves you from reinventing interaction patterns and keeps animations consistent across your app.

Install to Claude Code

npx -y skills add wshobson/agents --skill interaction-design --agent claude-code