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.
Informations de source
- Dépôt
- mui/material-ui
- Dernière activité de la source
- 29 juin 2026 à 09:31
- Langue détectée de SKILL.md
- anglais
- Étoiles
- 99 285
- Forks
- 32 498
Options d'installation
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Vérifiez les fichiers source
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Explorateur de fichiers
5 fichiersAffichage de SKILL.md
SKILL.md
Instructions source · Aperçu en lecture seule- 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).
Voir sur GitHub