SkillFoxx
Telegram

Mantine Skills

Три скилла от команды Mantine: Combobox, формы на useForm и собственные компоненты с темой и Styles API.

  • 65 ★ репозитория
  • Последний коммит
Скилл

Минимальный доступ

Почему такой уровень

  • Скиллы содержат инструкции и справочники и сами ничего не запускают.
Все причины и проверки

mantinedev/skillsАвтор:mantinedev

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/mantine-skills

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

  • Скиллы содержат инструкции и справочники и сами ничего не запускают.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Репозиторий содержит три скилла для разработки на Mantine. `mantine-combobox` собирает выпадающие списки, поиск, мультивыбор и поля тегов на примитивах Combobox. `mantine-form` ведет работу с `@mantine/form`: правила проверки, вложенные объекты и массивы, общий контекст формы, неконтролируемый режим и хук `useField`. `mantine-custom-components` описывает, как создавать компоненты через `factory()`, подключать Styles API с `classNames`, `styles` и `vars`, задавать переменные CSS и регистрировать компонент в `MantineProvider`. Каждый скилл идет с папкой `references/` с описанием API и шаблонами решений.

Для кого. Фронтенд-разработчикам на React с Mantine, которые поручают агенту формы, выпадающие списки и свои компоненты.

Подходит, если

  • Нужен поисковый выбор пользователя с аватарами и серверным поиском.
  • Форма счета содержит список позиций с проверкой каждой строки и серверными ошибками на полях.
  • Компонент должен настраиваться из темы и поддерживать варианты, размеры и Styles API.
  • Проверка полей зависит от других полей, например адрес оплаты обязателен только при отличии от адреса доставки.

Не подходит, если

  • Проект не использует Mantine.
  • Нужен справочник по всем компонентам библиотеки, а не три узкие темы.
  • Вы работаете с версией Mantine, не совместимой с описанием в скиллах.

Пример запроса к агенту

Сделай форму счета с массивом позиций на useForm: проверка каждой строки и вывод ошибок сервера на полях.

Ограничения

Три скилла закрывают только Combobox, формы и собственные компоненты. Остальные части Mantine, например таблицы или графики, ими не охвачены. Агент опирается на справочники из `references/`, поэтому при выходе новой версии библиотеки проверяйте код по документации Mantine. Скиллы подключают через skills.sh, другие способы в README не описаны. Лицензия MIT, поэтому папки можно копировать в проект и править под свои соглашения.

Как отключить. Удалите нужные папки из каталога скиллов агента, например `.claude/skills/mantine-form`.

Частые вопросы

Как поставить один скилл Mantine?

Выполните `npx skills add https://github.com/mantinedev/skills --skill mantine-combobox`, подставив имя нужного скилла.

Работают ли скиллы не только в Claude Code?

Да, README называет совместимость с другими агентами через skills.sh.

Что покрывает mantine-form?

Хук `useForm`, правила и асинхронную проверку, вложенные поля и массивы, `createFormContext`, неконтролируемый режим и `useField`.

Как создать компонент с поддержкой темы?

Скилл `mantine-custom-components` описывает `factory()`, `useProps`, `useStyles` и регистрацию в `MantineProvider` через `Component.extend()`.

Что лежит внутри каждого скилла?

Файл `SKILL.md` и папка `references/` с файлами `api.md` и `patterns.md`.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скиллы Material UI

Material UI agent skills

Четыре официальных скилла Material UI: стилизация, темы, интеграция с Next.js и совместная работа с Tailwind CSS

СкиллМинимальный доступ99,3 тыс.
Официальный

Скилл и MCP-сервер библиотеки Shaders: агент собирает фоны, стекло, градиенты и курсорные эффекты на WebGPU для React, Vue, Svelte, Solid и JS

СкиллРасширенный доступ5,9 тыс.
Официальный

Скилл по спецификации components.build: как строить композитные, доступные и стилизуемые UI-компоненты и публиковать их

СкиллМинимальный доступ802
Официальный

Скилл Magic UI: агент добавляет анимированные компоненты в React и Next.js через реестр shadcn и проверяет доступность

СкиллРасширенный доступ23,2 тыс.
Официальный

Скилл по shadcn-svelte: агент читает components.json, ставит компоненты через CLI и собирает формы, диалоги и карточки по правилам библиотеки

СкиллРасширенный доступ9,3 тыс.
Официальный

Скилл Nuxt UI v4: агент строит интерфейсы на Vue и Nuxt, подбирает компоненты, настраивает тему и верстает формы и дашборды

СкиллРасширенный доступ7,1 тыс.

Коротко о README

README перечисляет три скилла с командами установки и примерами запросов. Каждый можно ставить отдельно через skills.sh.

Бейдж для README

Сообщить о проблеме