Designs, implements, reviews, debugs, and reverse-engineers UI motion: CSS transitions, keyframes, springs, gestures, drag, easing, timing, framer-motion, and animation curves from screen recordings. Use when asked to "add animations", "make this feel smooth", "review my animations", "add a swipe gesture", "match this easing", "reverse engineer this animation", "extract the animation curve", or "what's it called when..." to name a motion effect from a vague description. For visual direction use ui-design; for page-level UI audit use ui-audit.
$npx -y skills add mblode/agent-skills --skill ui-animationInstalls into the current project.
Run `npx skills use "https://github.com/mblode/agent-skills" --skill "mblode/agent-skills/ui-animation"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/mblode/agent-skills" that are relevant to the current task. Run `npx skills add "https://github.com/mblode/agent-skills"` and select the relevant skills, then follow their instructions.