Mantineのテーマ設定、Styles API、コア機能と統合するカスタムコンポーネントを構築します。このスキルは、factory()、polymorphicFactory()、genericFactory()を使用した新しいコンポーネントの作成、Styles APIのサポート追加、CSS変数の実装、複合コンポーネントの構築、またはMantineProviderへのコンポーネント登録に使用します。
このスキルは、Mantine UIライブラリ向けにカスタムコンポーネントを開発する開発者を対象としています。Mantineの強力なテーマシステム、Styles API（classNames、styles、vars、unstyled）、およびCSS変数解決（createVarsResolver）を活用したコンポーネントを効率的に作成できます。主なユースケースとして、factory()、polymorphicFactory()、genericFactory()を使用した新しいコンポーネントの定義、サブコンポーネントと共有コンテキストを持つ複合コンポーネントの構築、およびComponent.extend()を介したMantineProviderへのコンポーネント登録があります。また、Factory、useProps、useStyles、BoxProps、StylesApiProps、ElementPropsなどのMantineコアタイプとユーティリティを適切に使用するためのガイダンスも提供します。このスキルは、@mantine/coreパッケージに依存するあらゆるReactプロジェクトで使用でき、Mantineのベストプラクティスに沿った一貫性のあるコンポーネント開発を支援します。
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-custom-componentsInstalled? Explore more コーディング＆開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Mantineのテーマ設定、Styles API、コア機能と統合するカスタムコンポーネントを構築します。このスキルは以下の場合に使用します：(1) factory()、polymorphicFactory()、またはgenericFactory()を使用した新しいコンポーネントの作成、(2) Styles APIのサポート（classNames、styles、vars、unstyled）の追加、(3) createVarsResolverを使用したCSS変数の実装、(4) サブコンポーネントと共有コンテキストを持つ複合コンポーネントの構築、(5) Component.extend()を介したMantineProviderへのコンポーネント登録、(6) @mantine/core内のFactory、useProps、useStyles、BoxProps、StylesApiProps、またはElementPropsを含むあらゆるタスク。
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 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.
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.