Guide tasteful UI animation with easing, springs, layout animations, gestures, and accessibility. Covers Tailwind and Motion patterns. Use when: (1) Implementing enter/exit animations, (2) Choosing easing curves, (3) Configuring springs, (4) Layout animations and shared elements, (5) Drag/swipe gestures, (6) Micro-interactions, (7) Ensuring prefers-reduced-motion accessibility.
Install
npx skills add NeverSight/learn-skills.dev --skill ui-animationnpx skills add NeverSight/learn-skills.dev --skill ui-animation -a claude-code -gnpx skills add NeverSight/learn-skills.dev --skill ui-animation -a codex -ggemini skills install https://github.com/NeverSight/learn-skills.dev.git --path data/skills-md/lukasstrickler/ai-dev-atelier/ui-animationgh skill install NeverSight/learn-skills.dev ui-animationgit clone --depth 1 https://github.com/NeverSight/learn-skills.dev /tmp/NeverSight__learn-skills.dev
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/NeverSight__learn-skills.dev/data/skills-md/lukasstrickler/ai-dev-atelier/ui-animation ~/.claude/skills/ui-animation # Claude Code
cp -R /tmp/NeverSight__learn-skills.dev/data/skills-md/lukasstrickler/ai-dev-atelier/ui-animation ~/.agents/skills/ui-animation # Codex, Cursor, Gemini CLI, Copilot, OpenCode