用途：在 React 或 Next.js 项目中实现 Material Design 3（M3）风格界面。主要方案是使用 MUI（@mui/material）并配置 M3 对齐的主题，也可选用 Google 官方的 @material/web Web Components 配合 React 封装（如 material-web-components-react）。
主要能力：MUI 是流行的 React UI 库，v6 引入 Pigment CSS 引擎以提升性能。MUI 主要实现 M2 组件 API，但可通过定制支持 M3 颜色令牌与主题。技能覆盖主题设置、组件示例（按钮、卡片、文本字段、底部导航）、Next.js SSR 集成及检查清单。
使用方式：安装命令为 npm install @mui/material @emotion/react @emotion/styled；Next.js SSR 额外安装 @mui/material-nextjs。使用 createTheme 定义亮/暗主题，配置 palette（如 primary #6750A4、secondary #625B71、error #B3261E、background default #FEF7FF / paper #F3EDF7；暗色 primary #D0BCFF、default #141218、paper #2B2930）、shape.borderRadius 20、typography Roboto，并用 ThemeProvider 包裹应用。Next.js App Router 需用 AppRouterCacheProvider 包裹。也可用 @material/web 如 md-filled-button，在客户端组件中导入。
适用场景：React 项目需要成熟生态与最大集成度；Next.js 项目需要 M3 样式并支持 SSR 与 React Server Components。
限制：MUI 主要实现 M2 组件 API，M3 主题支持仍在演进（参考 MUI issue #29345）。资料未提供具体收费、价格或许可信息，暂未提供。