此 MCP 伺服器提供對 Mantine UI 元件的全面支持，包括詳細文檔檢索、元件搜尋和列表、自定義元件生成以及主題配置創建，從而促進高效的 UI 開發。
新增日期：
創建者：
Mar 30 2025
精選
Mantine UI MCP Server 是什麼？
Mantine UI MCP 伺服器是一個專門的平台，旨在簡化 Mantine UI 元件的開發。它提供 APIs 來獲取元件文檔、搜尋和列出可用的元件、生成具有特定變體的自定義元件，以及創建一致樣式的主題配置。這有助於加快 UI 開發、文檔管理和主題自定義，使其成為在各個項目中與 Mantine 合作的開發人員的寶貴工具。
誰會使用 Mantine UI MCP Server？
- 使用 Mantine UI 的前端開發人員
- 自定義主題的 UI/UX 設計師
- 監督 UI 元件庫的項目經理
- 在應用中整合 Mantine 的開發團隊
如何使用 Mantine UI MCP Server？
- 第一步：通過 npm 或使用 npx 全局安裝 MCP 伺服器。
- 第二步：使用命令 `mantine-ui-server` 或 `npx @hakxel/mantine-ui-server` 運行伺服器。
- 第三步：使用 API 命令獲取元件文檔，搜尋元件，生成自定義元件或創建主題。
- 第四步：將伺服器的回應整合到您的開發或文檔工作流程中。
Mantine UI MCP Server 的核心特徵與益處
主要功能
- get_component_docs
- search_components
- list_components
- generate_component
- create_theme_config
- create_component_theme
優點
- 簡化對 Mantine 元件文檔的訪問
- 快速的元件自定義和生成
- 促進主題管理和自定義
- 簡化 UI 開發流程
- 支持高效的元件庫維護
Mantine UI MCP Server 的主要使用案例與應用
- Mantine 元件的自動文檔生成
- 針對項目創建具有特定變體的自定義元件
- 用於在應用中實現一致 UI 樣式的主題管理
- 基於 Mantine 的 UI 快速原型設計
Mantine UI MCP Server 的常見問答
開發者
- hakxel
您可能也喜歡：
開發者工具
一個 Docker 映像，承載多個 MCP 伺服器，透過整合 supergateway 以統一入口點訪問。
知識與記憶
一個教育項目，示範使用 Python 和 TypeScript SDK 實現 MCP 伺服器和客戶端。
官方伺服器
基於Node.js和TypeScript的MCP伺服器，具有Express.js、日誌記錄、環境配置、測試和Git集成。