I craft unique cereal names, stories, and ridiculously cute Cereal Baby images.

mantine-ui-server
MCP Server para trabajar con componentes de la interfaz de usuario de Mantine: proporciona documentación, generación y utilidades de tema.
1
Github Watches
0
Github Forks
0
Github Stars
Mantine UI MCP Server
A Model Context Protocol (MCP) server that provides tools for working with Mantine UI components.
Features
Documentation Tools
- get_component_docs: Get detailed documentation for any Mantine component
- search_components: Search for Mantine components by keyword
- list_components: List all available Mantine components
Component Generation
- generate_component: Generate custom Mantine-based components with variants
Theme Utilities
- create_theme_config: Create Mantine theme configurations
- create_component_theme: Create component-specific theme configurations
Installation
Global Installation
# Install globally
npm install -g @hakxel/mantine-ui-server
# Run the server directly
mantine-ui-server
Using with npx
npx @hakxel/mantine-ui-server
Configuration
For Claude Desktop
Add the server configuration to your Claude Desktop config file:
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%/Claude/claude_desktop_config.json
Linux: ~/.config/Claude/claude_desktop_config.json
{
"mcpServers": {
"mantine": {
"command": "npx",
"args": ["@hakxel/mantine-ui-server"],
"env": {
"MANTINE_VERSION": "7.16.2" // Optional: specify version
}
}
}
}
For VS Code with Claude Extension
Add to your VSCode settings or Cline extension settings:
{
"mcpServers": {
"mantine": {
"command": "npx",
"args": ["@hakxel/mantine-ui-server"],
"env": {
"MANTINE_VERSION": "7.16.2" // Optional: specify version
}
}
}
}
Usage Examples
Get Component Documentation
get_component_docs(component: "Button", section: "props")
Returns detailed documentation for the Button component, specifically its props.
Search Components
search_components(query: "input")
Returns a list of all components matching the search query "input".
Generate a Component
generate_component(
name: "CustomButton",
mantineComponent: "Button",
props: {
size: "md",
variant: "filled"
},
styling: {
useModule: true
}
)
Generates a new CustomButton component based on Mantine's Button.
Create a Theme Configuration
create_theme_config(
extension: "colors",
definitions: {
primary: ["#90CAF9", "#2196F3", "#1976D2"],
secondary: ["#CE93D8", "#9C27B0", "#7B1FA2"]
},
darkMode: true
)
Creates a color palette theme configuration for light and dark modes.
Environment Variables
-
MANTINE_VERSION
: Specify which version of Mantine to use for documentation (default: latest) -
CACHE_DOCS
: Set to "false" to disable documentation caching -
CACHE_TTL
: Documentation cache time-to-live in seconds -
CACHE_STORAGE
: Storage method for cache ("memory" or "file")
Development
# Clone the repository
git clone https://github.com/hakxel/mantine-ui-server.git
cd mantine-ui-server
# Install dependencies
npm install
# Build the server
npm run build
# For development with auto-rebuild
npm run watch
Debugging
Since MCP servers communicate over stdio, you can use the MCP Inspector for debugging:
npm run inspector
License
MIT
相关推荐
I find academic articles and books for research and literature reviews.
Confidential guide on numerology and astrology, based of GG33 Public information
Converts Figma frames into front-end code for various mobile frameworks.
Advanced software engineer GPT that excels through nailing the basics.
Take an adjectivised noun, and create images making it progressively more adjective!
Descubra la colección más completa y actualizada de servidores MCP en el mercado. Este repositorio sirve como un centro centralizado, que ofrece un extenso catálogo de servidores MCP de código abierto y propietarios, completos con características, enlaces de documentación y colaboradores.
Manipulación basada en Micrypthon I2C del expansor GPIO de la serie MCP, derivada de AdaFruit_MCP230xx
Espejo dehttps: //github.com/agentience/practices_mcp_server
La aplicación AI de escritorio todo en uno y Docker con trapo incorporado, agentes de IA, creador de agentes sin código, compatibilidad de MCP y más.
Espejo de https: //github.com/bitrefill/bitrefill-mcp-server
Un poderoso complemento Neovim para administrar servidores MCP (protocolo de contexto del modelo)
Reviews

user_rh8fOOMp
I've been using mantine-ui-server, created by hakxel, for a while now, and it has significantly improved the efficiency of my MCP application development. The documentation is clear, making it easy to integrate and use. Highly recommended for anyone looking to enhance their server-side UI capabilities! Check it out on GitHub: https://github.com/hakxel/mantine-ui-server.