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
- آخر نشاط في المصدر
- ٢٩ يونيو ٢٠٢٦ في ٠٩:٣١
- لغة SKILL.md المكتشفة
- الإنجليزية
- النجوم
- ٩٩٬٢٧٢
- التفرعات
- ٣٢٬٤٩٠
خيارات التثبيت
يُحدَّد 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