material-ui-tailwind
Integrates Material UI with Tailwind CSS v4 using cascade layers (enableCssLayer, @layer order) and documents Tailwind v3 interoperability (preflight, important, injectFirst, portals). Use when combining MUI with Tailwind utilities, slotProps className, or theme token bridges.
Source facts
- Repository
- mui/material-ui
- Last source activity
- June 29, 2026 at 09:31
- Detected SKILL.md language
- English
- Stars
- 99,210
- Forks
- 32,506
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
5 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- material-ui-tailwind
- description
- Integrates Material UI with Tailwind CSS v4 using cascade layers (enableCssLayer, @layer order) and documents Tailwind v3 interoperability (preflight, important, injectFirst, portals). Use when combining MUI with Tailwind utilities, slotProps className, or theme token bridges.
- license
- MIT
- metadata
- {"author":"mui","version":"1.0.0"}
# 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.*.className` on 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](./AGENTS.md). Copy-paste snippets: [reference.md](./reference.md).
View on GitHub