Guides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.vars, dark mode, TypeScript augmentation). Use when building or extending a theme, toggling light/dark, or aligning tokens across an app.
Install
npx skills add mui/material-ui --skill material-ui-themingnpx skills add mui/material-ui --skill material-ui-theming -a claude-code -gnpx skills add mui/material-ui --skill material-ui-theming -a codex -ggemini skills install https://github.com/mui/material-ui.git --path skills/material-ui-theminggh skill install mui/material-ui material-ui-theminggit 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-theming ~/.claude/skills/material-ui-theming # Claude Code
cp -R /tmp/mui__material-ui/skills/material-ui-theming ~/.agents/skills/material-ui-theming # Codex, Cursor, Gemini CLI, Copilot, OpenCode