Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.
Install
npx skills add affaan-m/ECC --skill motion-foundationsnpx skills add affaan-m/ECC --skill motion-foundations -a claude-code -gnpx skills add affaan-m/ECC --skill motion-foundations -a codex -ggemini skills install https://github.com/affaan-m/ECC.git --path docs/ja-JP/skills/motion-foundationsgh skill install affaan-m/ECC motion-foundationsgit 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-foundations ~/.claude/skills/motion-foundations # Claude Code
cp -R /tmp/affaan-m__ECC/docs/ja-JP/skills/motion-foundations ~/.agents/skills/motion-foundations # Codex, Cursor, Gemini CLI, Copilot, OpenCode