Community程式設計與開發github.com

mantinedev/mantine-form

在 mantine-9 儲存庫中使用 @mantine/form 建構表單。當您需要設定 useForm、添加驗證規則、處理巢狀欄位、跨元件共享表單狀態或使用 uncontrolled 模式時,請使用此技能。

mantine-form 是什麼?

此技能專門用於在 mantine-9 儲存庫中使用 @mantine/form 建構與管理表單。它涵蓋了 Mantine Form 的核心功能,包括透過 `useForm` 設定表單、定義同步與非同步驗證規則、處理巢狀物件或陣列欄位,以及使用 `createFormContext` 跨元件共享表單狀態。此外,它還支援透過 uncontrolled 模式優化效能,以及使用獨立的 `useField` 鉤子進行個別欄位管理。這個技能對於任何涉及 `useForm`、`getInputProps`、`onSubmit`、`insertListItem` 或表單驗證的任務都非常有用。透過遵循此技能的 SKILL.md 文件,開發者能夠高效地在 Mantine 生態系中建構出健壯且符合最佳實踐的表單,從而節省開發時間並減少錯誤。

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

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

mantine-form 是做什麼的?

在 mantine-9 儲存庫中使用 @mantine/form 建構表單。當您需要執行下列任務時,請使用此技能:(1) 使用 useForm 設定表單、(2) 添加驗證規則或非同步驗證、(3) 處理巢狀物件或陣列欄位、(4) 使用 createFormContext 跨元件共享表單狀態、(5) 使用 uncontrolled 模式以獲得最佳效能、(6) 使用獨立的 useField 鉤子,或 (7) 任何涉及 useForm、getInputProps、onSubmit、insertListItem 或表單驗證的作業。

Individual skills in this repo

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

相關技能