Что сможет агент
- Агент ищет по четырём сотням страниц документации Mantine, от компонентов и хуков до тем оформления и частых вопросов, и получает нужный раздел. Журналы изменений в поиск не входят. На запрос про проверку формы через zod первым пришёл раздел о синхронных и асинхронных схемах проверки.
- По имени компонента сервер присылает его свойства с типом и значением по умолчанию, а по имени хука - сигнатуру TypeScript. На запрос по Button на прогоне пришло 20 свойств: 13 у самой кнопки, 3 у ButtonGroup и 4 у ButtonGroupSection.
- Документацию страницы сервер отдаёт по частям: сначала оглавление, потом один раздел с примером кода или вся страница целиком. У модального окна Modal в оглавлении 21 раздел.
- Сервер перечисляет компоненты и страницы по разделу сайта: для полей ввода пришло 24 компонента, по формам 16 страниц про @mantine/form.
- Кто сделал
- Mantine
- Версия
- 9.7.2
- Проверено
- 13.10.2026, Claude Code
- Лицензия
- MIT
- Документация
- mantine.dev/guides/llms/
Подключить
Промпт собран из паспорта: команды в нём те же, что во вкладках Claude Code и Codex.
Подключи MCP-сервер «Mantine» версии 9.7.2. Работай по шагам и после каждого коротко говори, что сделал.
Данные сервера (каталог code.tarasovweb.ru, проверено 13.10.2026):
- имя в конфиге: mantine
- официальный источник: https://github.com/mantinedev/mantine/tree/master/packages/@mantine/mcp-server
- запуск: npx -y @mantine/mcp-server@9.7.2
Правила:
1. Не ставь Node.js, uv или Docker без моего «да». Не хватает - остановись и скажи, что поставить и откуда.
2. Ставь только пакет или адрес из этого промпта. Никаких установочных скриптов из README без моего подтверждения.
3. Перед правкой конфига сделай его резервную копию.
Шаги:
0. Определи, кто ты (Claude Code, Codex или другой агент) и какая у меня система.
1. Проверь окружение: node --version и npx --version (нужен Node.js 22 или новее). Скажи, что нашёл.
2. Проверь, нет ли уже сервера с таким именем: `claude mcp get mantine` (в Codex: `codex mcp list`).
3. Подключи сервер:
Claude Code: claude mcp add --scope user --transport stdio mantine -- npx -y @mantine/mcp-server@9.7.2
Codex: codex mcp add mantine -- npx -y @mantine/mcp-server@9.7.2
Если ты не Claude Code и не Codex, подключи способом, принятым у тебя, с той же командой запуска.
4. Проверка: `claude mcp list` (в Codex: `codex mcp list`), статус должен быть «Connected». Попроси меня перезапустить сессию. У сервера 5 инструментов, перечисли их. Сделай пробный запрос: «Через mantine покажи свойства Button и какое значение у size по умолчанию». Покажи результат.
5. Итог одним сообщением: что добавлено и куда, статус, число инструментов, команда отката и откуда восстановить копию конфига. Откат: `claude mcp remove mantine --scope user` (в Codex: `codex mcp remove mantine`).
Если на любом шаге ошибка, не чини наугад. Покажи текст ошибки и скажи, что, по-твоему, случилось. Частые проблемы: https://code.tarasovweb.ru/mcp/mantine#problemy- Выполнят Claude Code, Codex, Hermes и любой агент с доступом к терминалу.
Что нужно на компьютере: Node.js 22 или новее.
Ключ: не нужен.
Ключ и аккаунт заводить не надо. Нужен Node.js 22 или новее, так требует пакет. Справку сервер скачивает с сайта mantine.dev и держит в памяти до перезапуска. Список страниц он перепроверяет на сайте при очередном вызове, если с прошлой проверки прошло больше пяти минут. Данные там только по текущей девятой версии Mantine: если проект на седьмой или восьмой, часть свойств может отличаться.
Проверь, что работает
Через mantine покажи свойства Button и какое значение у size по умолчанию
Что должно получиться: Агенту нужно вызвать get_item_props для Button. При прямом вызове через mcp-probe пришло 20 свойств: 13 у Button, остальные у ButtonGroup и ButtonGroupSection. У size кнопки по умолчанию 'sm', у color - theme.primaryColor. Сам агент на этом промпте не запускался. Не видишь вызова mantine в ответе - проверь командой /mcp, подключён ли сервер.
Что можно сделать
3 сценарияФорма заявки с проверкой полей
Раздел про проверку формы объектом правил пришёл с готовым кодом, в нём useForm с правилами для имени, почты и возраста, поля TextInput и NumberInput, кнопка отправки. Полей ввода в списке нашлось 24. Собирать форму агентом мы не просили.
- search_docs по проверке формы находит страницы @mantine/form и нужный раздел.
- get_item_doc с этим разделом присылает пример useForm с правилами.
- list_items с разделом Inputs перечисляет поля ввода.
Через подключение mantine собери форму заявки на React: имя, телефон, почта, комментарий и кнопка «Отправить». Имя и телефон обязательны, почту проверяй на формат, ошибку показывай под полем. Перед кодом найди в документации Mantine, как устроена проверка формы в @mantine/form, и возьми подходящие поля ввода.Бесплатно: почта или сразу Телеграм-канал клуба
- Совет. Для проверки по схеме zod у Mantine есть отдельная страница form-schema-validation, поиск по zod выводит её первой.
Модальное окно с подтверждением заказа
Для этой задачи сервер выдал оглавление Modal на 21 раздел, там есть смена размера, окно с прокруткой и Modal.Stack для нескольких окон. Хук useDisclosure пришёл сигнатурой: open, close, toggle и set. Как агент свяжет окно со списком заказов, проверить на прогоне было нельзя.
- get_item_doc по Modal без раздела присылает оглавление.
- get_item_props с хуком useDisclosure отдаёт сигнатуру TypeScript.
Добавь в кабинет на Mantine модальное окно с деталями заказа и кнопкой «Подтвердить». Открывай его по нажатию на строку заказа. Сверь в подключении mantine разделы документации Modal и сигнатуру useDisclosure, потом покажи код.Бесплатно: почта или сразу Телеграм-канал клуба
Сверить свойства кнопок с документацией
Свойства пришли за 147 мс, у самой кнопки их 13: размер по умолчанию sm, цвет из theme.primaryColor, есть loading и fullWidth. Полная страница Button в Markdown заняла 16 921 знак. Сравнение с кодом твоего проекта остаётся за агентом, мы его не запускали.
- get_item_props по Button отдаёт свойства с типами и значениями по умолчанию.
- get_item_doc с full: true присылает всю страницу компонента.
Посмотри через mantine свойства Button и проверь кнопки на странице оформления заказа в моём проекте: нет ли свойств, которых у Button нет, и где стоит показать загрузку после нажатия. Предложи правки списком, код пока не меняй.Бесплатно: почта или сразу Телеграм-канал клуба
- Совет. Описания свойств сервер отдаёт на английском. Нужен русский - попроси агента перевести.
Пример работы
редакция, прогон при проверке 13.10.2026- Задача
- Найти, как проверять форму, и сверить кнопку в кабинете на Mantine
- Промпт
- Через подключение mantine найди, как проверить форму через zod, и покажи свойства Button
- Что сделал агент
- search_docs по запросу о zod за 717 мс вернул пять совпадений, первое - раздел о синхронных и асинхронных схемах.
- list_items по разделу Inputs перечислил 24 компонента, от AlphaSlider до Textarea.
- get_item_props по Button отдал 20 свойств: 13 у кнопки, 7 у ButtonGroup и ButtonGroupSection. У size кнопки по умолчанию 'sm'.
- На имя Buttn сервер ответил ошибкой и подсказал Button.
- Результат
- 13 вызовов заняли от 3 до 717 мс, ключ не понадобился, сервер ходил только на mantine.dev. Вызовы делал mcp-probe, промпт агентом Claude Code не выполнялся.
Инструменты
5 · описания около 0,8 тыс. токеновЖёлтым то, что агент делает от твоего имени, красным запуск команд на компьютере. Нажми на имя: покажем, что делает инструмент, и описание, которое читает агент. В Claude Code инструменты грузятся по запросу и почти не занимают память агента; в других клиентах и при своём адресе подключения (ANTHROPIC_BASE_URL) описания грузятся целиком на каждом сообщении.
Когда не нужен
Сервер не пригодится, если интерфейс собран на другой библиотеке компонентов или без React: справка у него только по Mantine. Для проекта на седьмой или восьмой версии Mantine он тоже помощник слабый, потому что отвечает по девятой.
Частые проблемы
7Ответ «No exact match for "Buttn". Did you mean: Button?»
В имени компонента опечатка. Сервер подсказывает похожее имя из своего списка. Возьми имя из подсказки или попроси агента сначала найти компонент через search_docs.
get_api по useForm вернул пустую сигнатуру и список разделов
У части страниц сигнатуры в справке нет, API там описан текстом. Тогда сервер называет раздел, где его искать: у useForm это api-overview. Попроси агента открыть названный раздел через get_item_doc.
Свойство из ответа сервера не находится в проекте
Сервер отвечает по текущей девятой версии Mantine. Справки по седьмой и восьмой у него нет. Посмотри версию @mantine/core в package.json. На седьмой или восьмой версии сверяй свойства по документации своей версии на сайте Mantine или обнови библиотеку.
Агент не видит инструментов сервера
Клиент не перезапущен после подключения: Claude Code читает подключения при старте сессии. Закрой и открой сессию, потом проверь: claude mcp list.
«spawn npx ENOENT» при запуске
Клиент не видит npx: приложения с иконкой не читают PATH из настроек терминала. Пропиши полный путь к npx. Узнать его: which npx на Mac, where npx на Windows.
«Unsupported engine» или падение при старте
Старая версия Node.js. Нужна 22 или новее, проверить: node --version.
Codex: сервер не успевает запуститься
Codex ждёт запуска 10 секунд, а первый запуск npx скачивает пакет дольше. Во вкладке Codex уже стоит startup_timeout_sec = 30, возьми фрагмент оттуда.
Безопасность и данные
- Кто сделал
- Mantine (официальный). Исходный код: github.com/mantinedev/mantine/tree/master/packages/@mantine/mcp-server, лицензия MIT.
- Что видит агент
- Только аргументы вызова: текст поиска, имя компонента или хука, раздел страницы. Файлы проекта и разговор сервер не читает.
- Куда уходят данные
- Данные уходят: Mantine, сайт mantine.dev на GitHub Pages, страна обработки не указана сервисом.
- Что может изменить
- Все пять инструментов только читают справку Mantine, на диск сервер ничего не записывает. Правки в код проекта вносит агент своими средствами.
- Наша проверка
- Пакет @mantine/mcp-server выпускает команда Mantine: он лежит в репозитории mantinedev/mantine под лицензией MIT, на него ссылается страница mantine.dev/guides/llms, а версию 9.7.2 опубликовал в npm сборщик GitHub Actions этого репозитория. По коду сервера видно, что он не запускает команды и не трогает файлы на диске, скриптов установки в пакете тоже нет. Запросы идут на один адрес, mantine.dev/mcp, его можно сменить переменной MANTINE_MCP_DATA_URL. Сервер скачивает только список страниц, список разделов и страницы по именам из этого списка, а поиск делает у себя в памяти, поэтому текст запроса на сайт не уходит. Имя ../../../../etc/passwd на прогоне получило ответ, что такой страницы нет. Инструкций и подсказок у сервера нет, скрытых указаний в описаниях инструментов мы не нашли. В одноразовой песочнице Ubuntu 24.04.5 было 13 вызовов, каждый из пяти инструментов вызван хотя бы раз, ответы пришли за 3-717 мс. В журнале соединений сервера, запущенного через mcp-probe, только адреса mantine.dev и реестр npm, к которому обращается npx. В базе OSV записей по пакету и по пяти пакетам его зависимостей нет, npm audit тоже чист. Версия в команде закреплена.
- Версия
- В командах закреплена версия 9.7.2: ставится ровно то, что мы проверили.
- Проверить самому
- агент прочитает код подключения как недоверенный
Полезные материалы
- Инструкция · на английскомMantine и инструменты ИИОфициальная страница: MCP-сервер, команда для Claude Code, переменные MANTINE_MCP_DATA_URL и MANTINE_MCP_TIMEOUT_MS.
- Инструкция · на английскомИсходный код сервераПакет в репозитории Mantine: что умеет каждый инструмент и откуда берёт данные.
- Инструкция · на английскомПроверка форм в MantineПравила для полей, проверка при вводе и при отправке.
- Инструкция · на английскомМодальное окно ModalРазмеры, прокрутка, несколько окон подряд и доступность.
- Инструкция · на английскомНачало работы с MantineКак поставить библиотеку в проект на React и выбрать шаблон.
Журнал проверок
- 13.10.2026·9.7.2·Claude Code, Linux·работаетedce5a103b69678c
Отпечаток - контрольная сумма того, что сервер отдаёт агенту. Поменялся при той же версии - поменялось поведение.
Подключения делают их авторы. Мы проверяем установку и описываем, что они умеют, но код и сервис остаются чужими. Перед установкой посмотри, какие данные получит агент.
