用途：该技能用于在编写或审查前端代码时提供 UI 组件库相关规范，资料说明其定位为 Chakra、Material UI 和 Mantine 的组件库专家，但正文细则只覆盖 Chakra UI 与 Material UI。
主要能力：按资料列出的条目包括 Chakra UI 无障碍特性、最佳实践、组件组合、深色模式实现、性能优化、响应式设计、语义 HTML 渲染、主题目录规则，以及 Material UI 配置。资料说明该专家技能整合了 9 项独立技能：chakra-ui-accessibility-features、chakra-ui-best-practices、chakra-ui-component-composition、chakra-ui-dark-mode-implementation、chakra-ui-performance-optimization、chakra-ui-responsive-design、chakra-ui-semantic-html-rendering、chakra-ui-theme-directory-rules、material-ui-configuration。
使用方式：资料给出的规则是在审查或编写代码时应用这些指南，例如在应用根部使用 ChakraProvider、使用 Chakra UI 组件保持设计一致、为品牌样式实现自定义主题、使用断点系统编写响应式样式、利用 hooks 增强功能、用 as 属性实现语义化 HTML、将 theme/index.js 用于导出主题、把主题基础放在 theme/foundations/、把组件级主题覆盖放在 theme/components/。
限制：资料仅给出上述规则与技能清单，未提供安装命令、调用参数、依赖版本、价格、平台或效果数据，这些内容暂未提供。此外 Mantine 仅出现在总体描述中，正文未给出对应的具体规则。