Mantine UI MCP Server
@hakxel
关于 Mantine UI MCP Server
MCP server for working with Mantine UI components - provides documentation, generation, and theme utilities
基本信息
配置
使用下面的配置,将此服务器添加到你的 MCP 客户端。
{
"mcpServers": {
"mantine-ui-server": {
"command": "npx",
"args": [
"@hakxel/mantine-ui-server"
]
}
}
}工具
未检测到工具
工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。
概览
What is Mantine UI MCP Server?
Mantine UI MCP Server is a Model Context Protocol (MCP) server that provides tools for working with Mantine UI components. It is designed for developers using AI assistants like Claude to quickly retrieve component documentation, search components, generate custom components, and create theme configurations.
How to use Mantine UI MCP Server?
Install globally via npm install -g @hakxel/mantine-ui-server and run with mantine-ui-server, or use npx @hakxel/mantine-ui-server. Configure it in Claude Desktop or VS Code with Claude extension by adding a JSON entry to the MCP server settings. Optionally set the MANTINE_VERSION environment variable to target a specific Mantine version.
Key features of Mantine UI MCP Server
- Get detailed documentation for any Mantine component
- Search for Mantine components by keyword
- List all available Mantine components
- Generate custom Mantine-based components with variants
- Create Mantine theme configurations
- Create component-specific theme configurations
Use cases of Mantine UI MCP Server
- Quickly look up component props and usage without leaving the editor
- Search for relevant components when building a UI
- Generate custom components with preset props and styling
- Set up consistent theme palettes for light and dark modes
- Apply component-specific theme overrides
FAQ from Mantine UI MCP Server
Which Mantine version does the server use?
By default, it uses the latest version. You can specify a version by setting the MANTINE_VERSION environment variable (e.g., "7.16.2").
Can documentation be cached?
Yes. Set CACHE_DOCS to "false" to disable caching. Use CACHE_TTL to control cache lifetime (in seconds) and CACHE_STORAGE to choose between "memory" or "file" storage.
How do I debug the server?
Since MCP servers communicate over stdio, you can use the MCP Inspector by running npm run inspector from the project directory.
What are the system requirements?
Node.js and npm are required. The server runs as a command-line tool using stdio transport; no external services or authentication are needed.
其他 分类下的更多 MCP 服务器
MaxKB
1Panel-dev🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。
MCP Toolbox for Databases
googleapisMCP Toolbox for Databases is an open source MCP server for databases.
Unity MCP ✨
justinpbarnettUnity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.
Core Philosophy: Connect, Unify, Respond
mindsdbDelegate anything. It comes back done.
ICSS
chokcoco不止于 CSS
评论