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. Copy-paste snippets: reference.md.