CommunityProgramación y desarrollogithub.com

mantinedev/mantine-custom-components

Construye componentes personalizados que se integran con el tema de Mantine, la API de Estilos y sus funcionalidades principales.

¿Qué es mantine-custom-components?

Esta habilidad está diseñada para desarrolladores que crean componentes personalizados en Mantine y necesitan que se integren completamente con el ecosistema de tematización, la API de Estilos y las funcionalidades principales del framework. Soporta todas las plataformas donde se usa Mantine (React, Next.js, etc.). Permite crear componentes usando fábricas como `factory()`, `polymorphicFactory()` o `genericFactory()`, añadir soporte para la API de Estilos (`classNames`, `styles`, `vars`, `unstyled`), implementar variables CSS mediante `createVarsResolver`, construir componentes compuestos con subcomponentes y contexto compartido, y registrar componentes en `MantineProvider` a través de `Component.extend()`. Es útil para cualquier tarea que involucre `Factory`, `useProps`, `useStyles`, `BoxProps`, `StylesApiProps` o `ElementProps` de `@mantine/core`.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-custom-components

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace mantine-custom-components?

Construye componentes personalizados que se integran con el tema de Mantine, la API de Estilos y sus funcionalidades principales. Usa esta habilidad cuando: (1) crees un nuevo componente usando factory(), polymorphicFactory() o genericFactory(), (2) añadas soporte para la API de Estilos (classNames, styles, vars, unstyled), (3) implementes variables CSS mediante createVarsResolver, (4) construyas componentes compuestos con subcomponentes y contexto compartido, (5) registres un componente en MantineProvider mediante Component.extend(), o (6) cualquier tarea que involucre Factory, useProps, useStyles, BoxProps, StylesApiProps o ElementProps en @mantine/core.

Individual skills in this repo

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

mantinedev/mantine-combobox

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.

mantinedev/mantine-form

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.

Skills relacionados

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Programación y desarrollo skills