Material UI and Tailwind CSS
Agent skill for MUI + Tailwind. SKILL.md is the entry; AGENTS.md is the full guide.
When to apply
- Tailwind utilities not overriding MUI (specificity / layer order)
- Setting up v4 with Next.js App or Pages Router, or Vite
className/slotProps.*.classNameon MUI components- Mapping
--mui-*variables into Tailwind@theme - Legacy v3 setups or migrations
Sections in AGENTS.md
| Area | Topics |
|---|---|
| v4 | @layer order, mui before utilities |
| Next.js | enableCssLayer, Pages GlobalStyles + shared cache |
| SPA | StyledEngineProvider + enableCssLayer |
| Usage | Root vs slot className |
@theme | Full snippet on docs site; needs cssVariables |
| IntelliSense | VS Code classRegex |
| v3 | preflight, important, injectFirst, portals |
Full guide
Read AGENTS.md. Copy-paste snippets: reference.md.