Phuriwaj

Mantine UI — LLM Integration Setup

Three ways to give an LLM (Minimax M2.7, Claude, etc.) live awareness of Mantine v9 docs.

Why / When to Use

Mantine v9 was released after most LLM training cutoffs. Without extra setup, the model may use outdated prop names or patterns. Use one of these options to fix that.

Core Concept / Commands

Option 1 — MCP Server (Best)

Gives the LLM live access to Mantine docs, component props, and search.

Add to MCP config (Claude Desktop, Cursor, Windsurf):

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

Available tools: list_items, get_item_doc, get_item_props, search_docs.

Option 2 — llms.txt (Simplest)

Paste in prompt:

Reference: https://mantine.dev/llms.txt
Using Mantine v9, how do I...

Or download once for offline use:

curl -o mantine-docs.txt https://mantine.dev/llms-full.txt

Option 3 — Skills (Complex tasks)

npx skills add https://github.com/mantinedev/skills --skill mantine-form
npx skills add https://github.com/mantinedev/skills --skill mantine-combobox
npx skills add https://github.com/mantinedev/skills --skill mantine-custom-components

Then in prompt:

Use $mantine-form and build a profile form with validation

Key Options / Variants

Recommendation: MCP server + skills together gives full coverage (live docs + battle-tested patterns).

Gotchas

  • Option 2 (llms.txt) may lag behind latest docs; full download (llms-full.txt) is more reliable.
  • Skills are best for recurring UI patterns, not one-off components.

Source

Conversation: “Minimax 2.7 overview” — 2026-05-30