Mantine Skills
Three skills from the Mantine team: Combobox, forms with useForm and custom components with theming and the Styles API.
- 66 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skills contain instructions and references and run nothing on their own.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/mantine-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skills contain instructions and references and run nothing on their own.
This is third-party code. Review the repository files before installing.
What it does
The repository holds three skills for Mantine development. `mantine-combobox` builds dropdowns, search, multi-select and tag inputs on the Combobox primitives. `mantine-form` covers `@mantine/form`: validation rules, nested objects and arrays, shared form context, uncontrolled mode and the `useField` hook. `mantine-custom-components` explains how to create components through `factory()`, wire the Styles API with `classNames`, `styles` and `vars`, define CSS variables and register a component in `MantineProvider`. Each skill ships a `references/` folder with API notes and solution patterns.
Who it is for. React frontend developers using Mantine who hand forms, dropdowns and custom components to an agent.
Good fit when
- A searchable user picker with avatars and server-side search is needed.
- An invoice form holds a list of line items with per-row validation and server errors on fields.
- A component must be configurable from the theme and support variants, sizes and the Styles API.
- Field validation depends on other fields, for example a billing address is required only when it differs from shipping.
Not a fit when
- The project does not use Mantine.
- You need a reference for every library component rather than three narrow topics.
- You use a Mantine version incompatible with what the skills describe.
Example request
Build an invoice form with a line-item array on useForm, per-row validation and server errors shown on fields.Limitations
The three skills cover only Combobox, forms and custom components. Other parts of Mantine, such as tables or charts, are out of scope. The agent relies on the `references/` files, so when a new library version arrives check the code against the Mantine documentation. The skills connect through skills.sh and no other methods are described in the README. The licence is MIT, so folders can be copied into a project and adapted to your conventions.
How to disable. Delete the relevant folders from the agent skills directory, for example `.claude/skills/mantine-form`.
FAQ
How do I install a single Mantine skill?
Run `npx skills add https://github.com/mantinedev/skills --skill mantine-combobox`, substituting the skill name.
Do the skills work outside Claude Code?
Yes, the README names compatibility with other agents through skills.sh.
What does mantine-form cover?
The `useForm` hook, rules and async validation, nested fields and arrays, `createFormContext`, uncontrolled mode and `useField`.
How do I create a theme-aware component?
The `mantine-custom-components` skill covers `factory()`, `useProps`, `useStyles` and registration in `MantineProvider` through `Component.extend()`.
What is inside each skill?
A `SKILL.md` file and a `references/` folder with `api.md` and `patterns.md`.
Discussion
No questions or reviews yet.
Related
SkillsFour official Material UI skills: styling, theming, Next.js integration and working alongside Tailwind CSS
Skill and MCP server for Shaders: the agent builds backgrounds, glass, gradients and cursor effects on WebGPU for React, Vue, Svelte, Solid and JS
A skill based on the components.build specification: how to build composable, accessible and styleable UI components and publish them
Magic UI skill: an agent adds animated components to React and Next.js through the shadcn registry and checks accessibility
shadcn-svelte skill for agents
shadcn-svelte
A shadcn-svelte skill: the agent reads components.json, adds components with the CLI and builds forms, dialogs and cards by the library's rules
Nuxt UI v4 skill: an agent builds Vue and Nuxt interfaces, picks components, sets up the theme and lays out forms and dashboards
README in short
The README lists three skills with install commands and example prompts. Each can be installed separately through skills.sh.