広告掲載
MCP.so
ログイン

Mantine UI MCP Server

@hakxel

リポジトリ

基本情報

カテゴリ

その他

ライセンス

MIT license

トランスポート

stdio

作者

hakxel

Mantine UI MCP Server について

MCP server for working with Mantine UI components - provides documentation, generation, and theme utilities

#mantine-ui#ui-components#mcp-server

Mantine UI MCP Server の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "mantine-ui-server": {
      "command": "npx",
      "args": [
        "@hakxel/mantine-ui-server"
      ]
    }
  }
}

Mantine UI MCP Server のツール

6

Get documentation for a Mantine component

Search for Mantine components

List all available Mantine components

Generate a Mantine component

Create a Mantine theme configuration

Create a theme configuration for a specific component

概要

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

よくある質問

1

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"`).

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.

3

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.

4

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.

コメント

「その他」の他のコンテンツ

The Living Bread

The Living Bread

A free remote MCP server for The Living Bread. Bible passages read word for word from a stored public domain text with an evidence label, keyword search and cross references, real churches, gatherings and prayer groups w

Senso MCP for Joomla

sensomedia

Senso MCP turns a Joomla 5 or 6 site into a remote MCP server. It runs inside Joomla itself (no extra server, no Node.js bridge) and is secured with OAuth 2.1 and Joomla's own ACL. The free pack lets an AI assistant crea

Health by Dr Brad

Dr Brad Stanfield

Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one

Hindsight

vectorize-io

Hindsight: Agent Memory That Learns

50.4K

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.

広告掲載