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.
Works with
--- 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 --- # 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).
More General & Other skills
find-skills
vercel-labs/skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
grill-me
mattpocock/skills
A relentless interview to sharpen a plan or design.
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
