AIKraft/AI/Войти
AIKraft/Skills/mantine form

mantine form

Build forms using @mantine/form in the mantine-9 repository. Use this skill when: (1) setting up a form with useForm, (2) adding validation rules or async validation, (3) working with nested object or array fields, (4) sharing form state across components with createFormContext, (5) using uncontrolled mode for performance, (6) using the standalone useField hook, or (7) any task involving useForm,

mantinedev official Другое

Что делает навык

Навык для создания и управления формами в Mantine 9.x с использованием хука useForm. Он обеспечивает валидацию, работу с состоянием и интеграцию с компонентами ввода, рекомендуя неконтролируемый режим для оптимизации производительности.

Когда применять

  • Настройка формы с использованием useForm, включая инициализацию значений и правил валидации.
  • Добавление синхронных или асинхронных правил валидации, в том числе с использованием схем Zod или Valibot через schemaResolver.
  • Работа с вложенными объектами, массивными полями и динамическими списками элементов.
  • Совместное использование состояния формы между компонентами через createFormContext.
  • Использование неконтролируемого режима (uncontrolled) для повышения производительности и предотвращения лишних ререндеров.

Как работает

  1. Инициализировать форму с помощью useForm, явно указав mode: 'uncontrolled' и задав initialValues.
  2. Привязать поля ввода к форме, добавляя key={form.key('path')} и распространяя props через form.getInputProps('path').
  3. Настроить валидацию через объект правил (isEmail, isNotEmpty и др.) или подключить схему через schemaResolver.
  4. Обработать отправку формы, обернув обработчик в form.onSubmit, который проверяет валидацию перед выполнением.
  5. Использовать form.useWatchValue для отслеживания изменений значений без ререндера всей формы или form.errors для отображения ошибок.
  6. При необходимости использовать validateInputOnChange или validateInputOnBlur для управления моментом проверки полей.

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

Создай форму регистрации с полями email и age, используя неконтролируемый режим и валидацию через Zod.
Реализуй динамический список адресов в форме с возможностью добавления и удаления элементов, используя массивные поля.
Настрой форму с асинхронной проверкой уникальности email и отображением ошибок в реальном времени при потере фокуса.

Что понадобится

  • Репозиторий mantine-9 с установленным @mantine/form
  • Подключенный Mantine MCP server (@mantine/mcp-server) для поиска документации или доступ к https://mantine.dev/llms.txt

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «mantine-form» из репозитория: # https://github.com/mantinedev/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r mantine-form/ ~/.claude/skills/mantine-form/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.