Mantine의 Combobox 기본 요소를 사용하여 커스텀 드롭다운/셀렉트/자동완성/멀티셀렉트 컴포넌트를 구축합니다.
이 스킬은 Mantine의 Combobox 기본 요소(useCombobox, Combobox.Target, Combobox.Option, Combobox.Dropdown)를 활용하여 커스텀 드롭다운, 셀렉트, 자동완성, 멀티셀렉트, 태그 입력과 같은 복잡한 선택형 UI 컴포넌트를 구축할 때 사용합니다. Mantine v7 이상에서 공식 지원하는 Combobox 프리미티브는 완전한 제어권을 제공하면서도 접근성과 일관된 스타일을 유지할 수 있게 해줍니다. 이 스킬은 새로운 셀렉트 유사 컴포넌트를 만들거나, 검색 가능한 드롭다운, 멀티셀렉트 변형, 커스텀 옵션 렌더링, 필터링 로직 구현 등에 적합합니다. React와 Mantine 기반 프로젝트에서 유용하며, useCombobox 훅을 통해 상태 관리와 이벤트 처리를 세밀하게 제어할 수 있습니다.
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-comboboxInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Mantine의 Combobox 기본 요소를 사용하여 커스텀 드롭다운/셀렉트/자동완성/멀티셀렉트 컴포넌트를 구축합니다. 이 스킬은 다음과 같은 경우에 사용하세요: (1) Combobox 기본 요소로 새로운 커스텀 셀렉트 유사 컴포넌트를 만들 때, (2) 검색 가능한 드롭다운을 구축할 때, (3) 멀티셀렉트 또는 태그 입력 변형을 구현할 때, (4) 옵션 렌더링을 커스터마이징할 때, (5) 커스텀 필터링 로직을 추가할 때, 또는 (6) useCombobox, Combobox.Target, Combobox.Option, Combobox.Dropdown을 포함하는 모든 작업을 할 때.
This repo contains 2 individual skills — each has its own dedicated page.
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.
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.