用途：Mantine 是面向 React 的 UI 组件库，带 TypeScript 支持，提供 100+ 组件与 hooks、原生深色模式、基于 CSS modules 的样式方案和良好的无障碍支持。本技能用于在 React 应用中构建界面，聚焦 Vite + TypeScript 搭建，而非 Next.js 或 CRA。
主要能力：组件库覆盖表单、主题、日期、通知、图表、富文本、日程等；v9.6 新增 @mantine/lightbox 与 ActionBar，图表新增 Gauge/Waffle/Matrix/Candlestick 等；v9.5 新增 Cascader、SunburstChart、BulletChart 等；v9.4 新增 ComboboxPopover、DataList、EmptyState、Menubar；v9.3 新增 Splitter。测试使用 Vitest，代码检查使用 oxlint/oxfmt（oxc-config-mantine），也支持 ESLint（eslint-config-mantine）。
必要用法：安装方式见 references/getting-started.md。需创建 postcss.config.cjs 配置 postcss-preset-mantine 与 postcss-simple-vars。应用需导入 "@mantine/core/styles.css"，并用 MantineProvider 包裹，主题通过 createTheme 定制。不可省略 MantineProvider 与样式导入，不可与 Chakra、MUI 等其他 UI 库混用，主题值应使用 CSS 变量或 theme 对象而非内联样式，并需配置 PostCSS，否则响应式 mixin 无效；非受控表单需加 key={form.key('path')}。
适用场景：使用 Vite + TypeScript 的 React 应用界面开发与主题、表单、测试、lint 配置。
限制：v9 要求 React 19.2+，@mantine/tiptap 需 Tiptap 3+，@mantine/charts 需 Recharts 3+，Node.js 22 或更高。本资料未提供价格与收费信息。