建立與 Mantine 主題系統、樣式 API 和核心功能整合的自訂元件。
此技能專門用於協助開發者建立與 Mantine UI 框架深度整合的自訂元件。它涵蓋了 Mantine 的完整開發模式，包括使用 factory()、polymorphicFactory() 和 genericFactory() 等工廠函數來建立元件，以及實作 Styles API（classNames、styles、vars、unstyled）以支援樣式客製。此外，還能協助管理 CSS 變數（透過 createVarsResolver）、建立由子元件和共享 context 組成的複合元件，以及透過 Component.extend() 在 MantineProvider 中註冊元件。對於任何涉及 Factory、useProps、useStyles、BoxProps、StylesApiProps 或 ElementProps 等 Mantine 核心 API 的開發任務，此技能都能提供關鍵的引導和自動化支援，確保元件與 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 的主題系統、樣式 API 和核心功能整合的自訂元件。請在以下情況使用此技能：(1) 使用 factory()、polymorphicFactory() 或 genericFactory() 建立新元件時，(2) 新增 Styles API 支援（classNames、styles、vars、unstyled）時，(3) 透過 createVarsResolver 實作 CSS 變數時，(4) 建立包含子元件和共享 context 的複合元件時，(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.