Material UI Theming

by MUIOfficial99.2KMIT

MUI's official guidance on theming: createTheme, palette, color schemes, CSS variables and dark mode.

$ npx skills add https://craftwork.design/skills/material-ui-theming -a claude-code -y

Installs into .claude/skills/material-ui-theming. Add -g for every project.

Material UI theming and design tokens

Agent skill for theme creation, design tokens, light/dark, and CSS theme variables. SKILL.md is the entry; AGENTS.md is the full guide.

Area

by MUIOfficial99.2KMIT

MUI's official guidance on theming: createTheme, palette, color schemes, CSS variables and dark mode.

$ npx skills add https://craftwork.design/skills/material-ui-theming -a claude-code -y

Installs into .claude/skills/material-ui-theming. Add -g for every project.

Agent skill for theme creation, design tokens, light/dark, and CSS theme variables. SKILL.md is the entry; AGENTS.md is the full guide.

Area

Core setup	Imports, provider placement, `useTheme`
Token map	palette, typography, spacing, shape, breakpoints, components, …
Palette	`main` / derived colors, `@mui/material/colors`, `mode`
Color schemes	vs palette-only, hydration, `ThemeProvider` props
CSS variables	`cssVariables`, reserved `vars`, flicker avoidance
Composition	Multi-step `createTheme`, `deepmerge`, nesting providers
Custom tokens	Augmenting `Theme` / `ThemeOptions`