Mantine UI MCP Server
by hakxel
The Mantine UI MCP Server provides tools for working with Mantine UI components. It allows you to generate components, get documentation, and manage themes.
Last updated: N/A
What is Mantine UI MCP Server?
The Mantine UI MCP Server is a Model Context Protocol server designed to enhance the development experience with Mantine UI components. It provides functionalities for documentation retrieval, component generation, and theme customization.
How to use Mantine UI MCP Server?
The server can be installed globally via npm or used with npx. Configuration involves adding the server details to your Claude Desktop or VS Code settings. Once configured, you can use the provided functions like get_component_docs, search_components, and generate_component to interact with Mantine UI.
Key features of Mantine UI MCP Server
Detailed component documentation retrieval
Mantine component search functionality
Custom Mantine-based component generation
Mantine theme configuration creation
Component-specific theme configuration
Use cases of Mantine UI MCP Server
Quickly accessing Mantine UI component documentation within your IDE
Generating custom components with specific props and styling
Creating and managing Mantine UI themes
Searching for relevant Mantine UI components based on keywords
Streamlining Mantine UI development workflows
FAQ from Mantine UI MCP Server
How do I install the server?
How do I install the server?
You can install it globally using npm install -g @hakxel/mantine-ui-server or use it directly with npx @hakxel/mantine-ui-server.
How do I configure the server for Claude Desktop?
How do I configure the server for Claude Desktop?
Add the server configuration to your Claude Desktop config file (e.g., ~/Library/Application Support/Claude/claude_desktop_config.json) with the necessary command and arguments.
Can I specify a Mantine UI version?
Can I specify a Mantine UI version?
Yes, you can specify the MANTINE_VERSION environment variable in your configuration to use a specific version of Mantine.
How do I generate a custom component?
How do I generate a custom component?
Use the generate_component function with the desired component name, base Mantine component, props, and styling options.
How can I debug the server?
How can I debug the server?
Use the MCP Inspector by running npm run inspector to debug the communication over stdio.