Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.
Install
npx skills add mui/material-ui --skill material-ui-nextjsnpx skills add mui/material-ui --skill material-ui-nextjs -a claude-code -gnpx skills add mui/material-ui --skill material-ui-nextjs -a codex -ggemini skills install https://github.com/mui/material-ui.git --path skills/material-ui-nextjsgh skill install mui/material-ui material-ui-nextjsgit clone --depth 1 https://github.com/mui/material-ui /tmp/mui__material-ui
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/mui__material-ui/skills/material-ui-nextjs ~/.claude/skills/material-ui-nextjs # Claude Code
cp -R /tmp/mui__material-ui/skills/material-ui-nextjs ~/.agents/skills/material-ui-nextjs # Codex, Cursor, Gemini CLI, Copilot, OpenCode