Skills
.Work. You
Rest

mantine-dev

Community

Bootstrap Mantine + React apps with confidence.

Software Engineering#typescript#testing#linting#react#setup#vite#mantine
Authoritechmeat
Version1.0.0
Installs0

System Documentation

What problem does it solve?

MantineDev streamlines starting Mantine-based React projects by delivering a ready-to-use stack (Vite + TypeScript, PostCSS Mantine preset, Vitest, ESLint, Prettier) so teams can focus on building UI components rather than boilerplate.

Core Features & Use Cases

  • Complete Setup: Vite + TypeScript template, PostCSS preset, Vitest testing, ESLint with Mantine config, and Prettier integration for a consistent developer experience.
  • Guided Project Structure: recommended layout with src, components, hooks, pages, and theme configuration to accelerate development.
  • Included Tooling: MantineProvider setup, theming, color mode support, and CSS modules for scalable styling.
  • Use Cases: ideal for starting new Mantine-based apps, prototyping UI ideas rapidly, and teaching Mantine-driven front-end patterns.

Quick Start

Use the official Mantine + React template to bootstrap a new app or follow the manual setup steps to configure Vite, PostCSS, and tooling. Then start the dev server and begin building UI components.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mantine-dev
Download link: https://github.com/itechmeat/llm-code/archive/main.zip#mantine-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.