用途：该技能面向使用 Material-UI V7 构建 React + TypeScript 界面的场景，提供迁移、响应式设计、主题与组件模式方面的知识，适用于仪表盘、管理界面、Material Design 应用，以及从 MUI V6 升级到 V7 的项目。
主要能力：包含四类参考文档——migration-v6-to-v7.md（破坏性变更、新旧语法对比、自动 codemod、ESM 与 CSS Layers）、responsive-design.md（Grid 系统、断点、useMediaQuery、响应式导航与表单）、advanced-theming.md（TypeScript 主题、CSS Variables、明暗模式切换、组件变体与 module augmentation）、advanced-components.md（仪表盘布局、骨架屏、数据表格、表单校验、Snackbar、异步 Autocomplete、性能优化）。另提供 setup-mui-eslint.js 脚本，用于检测旧版导入、已移除属性并生成迁移用 npm 脚本。
使用方式：先按任务类型阅读对应参考文档，再编写代码。迁移时执行 npx @mui/codemod v7.0.0/grid-props src、npx @mui/codemod v7.0.0/lab-removed-components src、npx @mui/codemod v7.0.0/input-label-size-normal-medium src，并运行 node scripts/setup-mui-eslint.js 配置 ESLint，之后可用 npm run lint:mui 与 npm run mui-migrate。主题配置推荐 createTheme 中启用 cssVariables: true 并定义 colorSchemes。
关键约定：移动优先，从 xs 起步，用 theme.breakpoints.up() 扩展；二维布局用 Grid，一维用 Stack；触控目标不小于 44px；样式变化用 sx，逻辑变化才用 useMediaQuery；在 375px、768px、1200px 等宽度验证。
限制：资料未提供该技能的收费、价格、平台支持范围与效果数据，暂未提供；具体 API 行为以官方 MUI V7 文档为准。