What problem does it solve? Framer Motion handles React-declarative animation well but fits poorly for imperative timelines, SVG line drawing, stagger grids, and text scramble effects, especially outside React or under bundle-size pressure. This Skill provides correct anime.js v4 usage patterns so you avoid v3 API mistakes and common silent failures. ## Core Features & Use Cases - Imperative Timelines and Staggers: Build sequenced animations with animate, createTimeline, and stagger for grids, lists, and multi-step motion. - Text Effects: Use scrambleText and splitText (v4.4.0+) as an MIT-licensed alternative to GSAP Club's paid text plugins, with deterministic replay via seed. - React Integration and Safety: Wrap animations in useEffect with proper cleanup and enforce the mandatory prefers-reduced-motion guard. - Use Case: You need a character-by-character scramble reveal on a marketing headline in a vanilla JS page. This Skill gives you the correct v4 import style, the innerHTML (not textContent) requirement, and the reduced-motion fallback. ## Quick Start Use the animejs skill to add a staggered scramble-text reveal animation to my landing page headline with a prefers-reduced-motion fallback.
