Communityコーディング&開発github.com

mantinedev/mantine-combobox

Mantine の Combobox プリミティブを使用して、カスタムドロップダウン、セレクト、オートコンプリート、マルチセレクトコンポーネントを構築します。

mantine-combobox とは?

このスキルは、Mantine の Combobox プリミティブ(useCombobox、Combobox.Target、Combobox.Option、Combobox.Dropdown など)を活用して、カスタムの選択型コンポーネントを開発するためのものです。新しいドロップダウン、検索可能なセレクトボックス、タグ入力、マルチセレクト、またはオプションのレンダリングをカスタマイズする場合に特に役立ちます。また、独自のフィルタリングロジックを追加する際にも使用でき、Mantine コンポーネントライブラリとシームレスに連携します。このスキルは、Claude Code や Cursor などの AI エージェントで動作し、Mantine UI を使用するプロジェクトでコンポーネントを効率的に構築・カスタマイズするための包括的なガイドを提供します。スキルのドキュメント(SKILL.md)には、各プリミティブの役割、使用例、注意点が詳細に記載されており、開発者はこれを参照して迅速に実装を進められます。

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

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

mantine-combobox は何をしますか?

Mantine の Combobox プリミティブを使用して、カスタムドロップダウン、セレクト、オートコンプリート、マルチセレクトコンポーネントを構築します。このスキルは以下の場合に使用します:(1) Combobox プリミティブを使って新しいカスタムセレクト風コンポーネントを作成するとき、(2) 検索可能なドロップダウンを構築するとき、(3) マルチセレクトやタグ入力のバリアントを実装するとき、(4) オプションのレンダリングをカスタマイズするとき、(5) カスタムフィルタリングロジックを追加するとき、(6) useCombobox、Combobox.Target、Combobox.Option、Combobox.Dropdown を含むタスク全般。

Individual skills in this repo

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

関連スキル