Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.
Install
npx skills add affaan-m/ECC --skill motion-patternsnpx skills add affaan-m/ECC --skill motion-patterns -a claude-code -gnpx skills add affaan-m/ECC --skill motion-patterns -a codex -ggemini skills install https://github.com/affaan-m/ECC.git --path docs/ja-JP/skills/motion-patternsgh skill install affaan-m/ECC motion-patternsgit clone --depth 1 https://github.com/affaan-m/ECC /tmp/affaan-m__ECC
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/affaan-m__ECC/docs/ja-JP/skills/motion-patterns ~/.claude/skills/motion-patterns # Claude Code
cp -R /tmp/affaan-m__ECC/docs/ja-JP/skills/motion-patterns ~/.agents/skills/motion-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode