用途：该技能为 React 项目提供 Material UI（MUI）专家级辅助，适合实现企业级设计系统、复杂后台管理门户、自定义主题与设计令牌，以及快速搭建响应式仪表盘。资料提到 MUI Core v6 引入 Pigment CSS（零运行时 CSS-in-JS），以兼容 React Server Components（Next.js App Router）。
主要能力：覆盖 Emotion 样式组件、主题定制、DataGrid 与无障碍图标；支持通过 createTheme 与 CSS 变量构建可访问的品牌化设计系统；可使用高级 Data Grid、Date Pickers、Tree View 等组件；通过 sx 属性实现主题感知的动态样式；提供可组合的对话框与表单控件（含焦点陷阱）。
使用方式：从 @mui/material 导入组件，如 Button、Container、Typography、Card、CardContent；用 createTheme 配置主题，可设置 cssVariables: true 启用原生 CSS 变量，并通过 colorSchemes 定义明暗配色；用 ThemeProvider 包裹应用并配合 CssBaseline；样式优先使用 sx 属性而非内联 style；图标建议按路径导入（如 import AddIcon from '@mui/icons-material/Add'）以减小打包体积；表单输入用 FormControl、InputLabel、FormHelperText 包裹以提升无障碍性。
适用场景：企业 React 设计系统、复杂管理后台、自定义主题与设计令牌、快速仪表盘原型。
限制与注意事项：不要直接覆盖 MUI 内部类名（如 .MuiButton-root），应使用主题覆盖或 sx；避免嵌套多个 ThemeProvider 而不处理继承；组件必须在 ThemeProvider 内渲染，否则会报 spacing 未定义错误；Autocomplete 值对象引用不匹配时需实现 isOptionEqualToValue；与 Tailwind/Emotion 存在 CSS 优先级冲突时，可用 StyledEngineProvider 配置 injectFirst。资料未提供收费、价格与平台信息。