---
name: material-ui-tailwind
version: 1.0.0
category: 职场效率
trigger_words:
tags:
  - ai
platform: coze
source: DeepseekModel
source_url: https://deepseekmodel.com/skill?id=mui-material-ui-skills-material-ui-tailwind-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 . Copy-paste snippets: reference.md .