Mantine UI MCP Server
2025.03.31
0
TypeScriptUI 组件管理主题配置文档工具开发效率
Mantine UI MCP Server 是一个基于 Model Context Protocol (MCP) 的服务，专门用于处理 Mantine UI 组件。它提供了一系列工具，帮助开发者获取组件文档、搜索组件、生成自定义组件以及创建主题配置。
View on GitHub
Overview
基本能力
产品定位
Mantine UI MCP Server 是一个专门为 Mantine UI 组件提供支持的 MCP 服务器，旨在帮助开发者更高效地使用和管理 Mantine UI 组件。
核心功能
- 文档工具
get_component_docs: 获取任何 Mantine 组件的详细文档。search_components: 通过关键词搜索 Mantine 组件。-
list_components: 列出所有可用的 Mantine 组件。 -
组件生成
-
generate_component: 生成带有变体的自定义 Mantine 组件。 -
主题工具
create_theme_config: 创建 Mantine 主题配置。create_component_theme: 创建组件特定的主题配置。
适用场景
- 开发者在开发过程中需要快速查找和使用 Mantine 组件文档。
- 需要生成自定义 Mantine 组件或主题配置的项目。
- 需要集成 Mantine UI 组件的开发环境（如 Claude Desktop 或 VS Code）。
工具列表
- get_component_docs: 获取组件的详细文档。
- search_components: 通过关键词搜索组件。
- list_components: 列出所有可用组件。
- generate_component: 生成自定义组件。
- create_theme_config: 创建主题配置。
- create_component_theme: 创建组件特定的主题配置。
常见问题解答
- 如何指定 Mantine 版本？
通过设置环境变量
MANTINE_VERSION可以指定使用的 Mantine 版本。 - 如何禁用文档缓存？
设置环境变量
CACHE_DOCS为 "false" 可以禁用文档缓存。
使用教程
使用依赖
确保已安装 Node.js 和 npm。
安装教程
全局安装
npm install -g @hakxel/mantine-ui-server
mantine-ui-server
使用 npx
npx @hakxel/mantine-ui-server
调试方式
npm run inspector