Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".
Install
npx skills add julianromli/ai-skills --skill frontend-ui-animatornpx skills add julianromli/ai-skills --skill frontend-ui-animator -a claude-code -gnpx skills add julianromli/ai-skills --skill frontend-ui-animator -a codex -ggemini skills install https://github.com/julianromli/ai-skills.git --path skills/frontend-ui-animatorgh skill install julianromli/ai-skills frontend-ui-animatorgit clone --depth 1 https://github.com/julianromli/ai-skills /tmp/julianromli__ai-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/julianromli__ai-skills/skills/frontend-ui-animator ~/.claude/skills/frontend-ui-animator # Claude Code
cp -R /tmp/julianromli__ai-skills/skills/frontend-ui-animator ~/.agents/skills/frontend-ui-animator # Codex, Cursor, Gemini CLI, Copilot, OpenCode