mantine-9 リポジトリにおいて @mantine/form を使ってフォームを構築します。フォームのセットアップ、バリデーションルールの追加、ネストされたフィールドや配列フィールドの操作、複数コンポーネント間でのフォーム状態共有、アンコントロールモードや useField フックの利用など、useForm に関連するあらゆるタスクで使用します。
このスキルは、mantine-9 リポジトリ内で @mantine/form ライブラリを使用してフォームを構築するためのものです。開発者はこのスキルを利用することで、useForm を用いたフォームのセットアップや、バリデーションルール（同期・非同期）の追加、ネストされたオブジェクトフィールドや配列フィールドの操作、複数のコンポーネント間でフォーム状態を共有するための createFormContext の活用、パフォーマンス向上のためのアンコントロールモード、そして独立した useField フックの使用など、幅広いフォーム関連タスクを効率的に実行できます。Vite ベースの React プロジェクトで動作し、TypeScript、ESLint、Prettier などの標準的な開発ツールと統合されています。このスキルは、getInputProps、onSubmit、insertListItem、form バリデーションといった主要な API を網羅しており、複雑なフォームロジックを簡潔に実装するためのガイダンスを提供します。
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-formInstalled? Explore more コーディング＆開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
mantine-9 リポジトリにおいて @mantine/form を使ってフォームを構築します。このスキルは以下の場合に使用します：（1）useForm でフォームをセットアップする場合、（2）バリデーションルールまたは非同期バリデーションを追加する場合、（3）ネストされたオブジェクトフィールドや配列フィールドを操作する場合、（4）createFormContext を使って複数のコンポーネント間でフォーム状態を共有する場合、（5）パフォーマンス向上のためにアンコントロールモードを使用する場合、（6）スタンドアロンの useField フックを使用する場合、（7）useForm、getInputProps、onSubmit、insertListItem、またはフォームバリデーションを含むあらゆるタスク。
This repo contains 2 individual skills — each has its own dedicated page.
Build custom dropdown/select/autocomplete/multiselect components using Mantine's Combobox primitives. Use this skill when: (1) creating a new custom select-like component with Combobox primitives, (2) building a searchable dropdown, (3) implementing a multi-select or tags input variant, (4) customizing option rendering, (5) adding custom filtering logic, or (6) any task involving useCombobox, Combobox.Target, Combobox.Option, or Combobox.Dropdown.
Build custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via createVarsResolver, (4) building compound components with sub-components and shared context, (5) registering a component with MantineProvider via Component.extend(), or (6) any task involving Factory, useProps, useStyles, BoxProps, StylesApiProps, or ElementProps in @mantine/core.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.