mantinedev/mantine-form

Construa formulários usando @mantine/form no repositório mantine-9. Use esta skill ao: (1) configurar um formulário com useForm, (2) adicionar regras de validação ou validação assíncrona, (3) trabalhar com campos de objetos aninhados ou arrays, (4) compartilhar estado do formulário entre componentes com createFormContext, (5) usar modo não controlado para desempenho, (6) usar o hook independente useField, ou (7) qualquer tarefa envolvendo useForm, getInputProps, onSubmit, insertListItem, ou validação de formulário.

O que é mantine-form?

Esta skill capacita agentes de IA a construir formulários com a biblioteca @mantine/form no contexto do repositório mantine-9, oferecendo uma abordagem robusta e flexível para gerenciamento de estado de formulários em aplicações React. Ela é especialmente útil quando você precisa configurar formulários com validação síncrona ou assíncrona, lidar com campos complexos de objetos aninhados ou arrays, compartilhar estado entre múltiplos componentes usando createFormContext, ou otimizar o desempenho com o modo não controlado (uncontrolled). A skill suporta tanto o hook principal useForm, que fornece métodos como getInputProps, onSubmit e insertListItem, quanto o hook independente useField para campos individuais. Com base em sua documentação SKILL.md, a skill atua como um guia completo, permitindo que o agente execute tarefas como configuração inicial, validação personalizada, manipulação de listas e integração com o ecossistema Mantine, sempre priorizando boas práticas e performance.

Funciona com~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-form

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que mantine-form faz?

Construa formulários usando @mantine/form no repositório mantine-9. Use esta skill quando: (1) configurar um formulário com useForm, (2) adicionar regras de validação ou validação assíncrona, (3) trabalhar com campos de objetos aninhados ou arrays, (4) compartilhar estado do formulário entre componentes com createFormContext, (5) usar modo não controlado para desempenho, (6) usar o hook independente useField, ou (7) qualquer tarefa envolvendo useForm, getInputProps, onSubmit, insertListItem, ou validação de formulário.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Habilidades Relacionadas