CommunityProgramação e Desenvolvimentogithub.com

mantinedev/mantine-custom-components

Crie componentes personalizados que se integram ao sistema de temas, API de Estilos e funcionalidades principais do Mantine.

O que é mantine-custom-components?

Esta skill permite que desenvolvedores criem componentes personalizados que se integram perfeitamente ao ecossistema Mantine, aproveitando seu poderoso sistema de temas, API de Estilos (Styles API), e recursos centrais como factory(), polymorphicFactory(), e genericFactory(). É especialmente útil ao adicionar suporte à API de Estilos (classNames, styles, vars, unstyled), implementar variáveis CSS via createVarsResolver, construir componentes compostos com sub-componentes e contexto compartilhado, ou registrar um componente com MantineProvider através de Component.extend(). A skill cobre todas as tarefas envolvendo Factory, useProps, useStyles, BoxProps, StylesApiProps e ElementProps do pacote @mantine/core. Ela é compatível com ferramentas de desenvolvimento de agentes de IA como Claude Code, Cursor e Codex, fornecendo documentação e exemplos práticos para cada caso de uso, garantindo que os componentes personalizados mantenham consistência visual e comportamental com os componentes nativos do Mantine.

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

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que mantine-custom-components faz?

Crie componentes personalizados que se integram ao sistema de temas, API de Estilos e funcionalidades principais do Mantine. Use esta skill quando: (1) criando um novo componente usando factory(), polymorphicFactory() ou genericFactory(), (2) adicionando suporte à API de Estilos (classNames, styles, vars, unstyled), (3) implementando variáveis CSS via createVarsResolver, (4) construindo componentes compostos com sub-componentes e contexto compartilhado, (5) registrando um componente com MantineProvider via Component.extend(), ou (6) qualquer tarefa envolvendo Factory, useProps, useStyles, BoxProps, StylesApiProps ou ElementProps em @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.

Habilidades Relacionadas

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 Programação e Desenvolvimento skills