Description
motion-advanced is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It provides complex, interactive and physics-based animation patterns for React and Next.js, for the cases where the simpler motion patterns are not enough. Its coverage includes drag-to-dismiss sheets, swipe gestures and reorderable lists, animating text word by word, character by character or as a live counter, drawing SVG paths and morphing icons, circular progress, custom animation hooks such as scroll reveal, a magnetic button or a cursor follower, sequences of steps run imperatively with useAnimate, and spinners, shimmer skeletons, pulse indicators and loading button states. The listing says it requires motion-foundations to be set up first, and it is one of a pair of skills in the same collection that build on that base. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source, and the skills.sh listing shows all three security audits passing.…
Highlights
- Drag, swipe and reorderable lists
- Text, SVG path and counter animation
- Custom hooks like scroll reveal
- Imperative sequences with useAnimate
Ratings & Reviews
No ratings yet
Be the first to rate motion-advanced.
People also visit
motion-foundations
Motion tokens, spring presets, performance rules, device adaptation
motion-advanced FAQ
What does the motion-advanced skill do?
It adds complex, interactive animations to React and Next.js, such as drag gestures, text effects, SVG drawing and multi-step sequences.
Do I need another skill first?
Yes. The listing says motion-foundations must be set up first.
Which animation tools does it use?
It uses motion/react, including the useAnimate hook for imperative sequences.
How do I install it?
Run: npx skills add https://github.com/affaan-m/ecc --skill motion-advanced
Is it free?
Yes. It is free and open source.
Are there security findings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all passing.
What are the best motion-advanced alternatives?
Popular alternatives to motion-advanced include motion-foundations, motion-patterns and motion-ui. See all motion-advanced alternatives