Agent skill · software engineering · mantinedev
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, getInputProps, onSubmit, insertListItem, or form validation.
Why this skill is useful
Provides specific patterns and validation rules for using @mantine/form that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-02-19. 58 stars on the source repository.
What this skill does
Mantine Form Skill Core Workflow 1. Set up the form 2. Wire inputs with getInputProps For checkboxes pass { type: 'checkbox' }: 3. Handle submission onSubmit only calls the handler when validation passes. To handle failures: Validation Rules object (most common) Function (for cross-field logic) When to validate Modes Mode State storage Re-renders Input props --- --- --- --- 'controlled' (default) React state On every change value + onChange 'uncontrolled' Refs None defaultValue + onChange In uncontrolled mode, use form.key('fieldPath') as the React key prop when you need to force a re-render of an input. References references/api.md — Full API: useForm options, complete return value, useField, createFormContext, createFormActions, all built-in validators, key types references/patterns.md — Code examples: nested objects, array fields, async validation, form context across components, transformValues, useField standalone
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills mantinedev/mantine-form