Motion Advanced

Once you've got the basics down with motion-foundations, this is where you build the interactive stuff that actually feels good to use. Drag-to-dismiss sheets, reorderable lists, swipe gestures, SVG path animations, and text reveals that don't just fade in boringly. The decision tree is genuinely helpful for picking between useSpring and spring transitions, or knowing when to reach for useAnimate versus the declarative API. The rules are opinionated in a good way: explicit swipe thresholds, pause infinite animations in background tabs, test drag on touch devices not just mouse. It's built for React and Next.js projects where motion-patterns isn't enough and you need physics-based interactions or imperative control.

Install to Claude Code

npx -y skills add affaan-m/ecc --skill motion-advanced --agent claude-code