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에서 보기