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.
来源信息
- 仓库
- mui/material-ui
- 最近来源活动
- 2026年6月29日 09:31
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 99,210
- 分支
- 32,506
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
5 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- 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).
在 GitHub 查看