Skills
.Work. You
Rest

mantine

Community

Mantine UI components and navigation.

Software Engineering#ui#react#components#styling#navigation#mantine
Authoralexturpin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidance and examples for using the Mantine UI library and its associated components for building user interfaces and navigation within the application.

Core Features & Use Cases

  • UI Components: Leverage Mantine for consistent styling and pre-built UI elements.
  • Iconography: Utilize icons from @tabler/icons-react.
  • Navigation: Implement internal links and nested navigation using provided components like AppLink, AppButtonLink, and AppNavLink.
  • Loading States: Manage visual feedback during data loading with <Skeleton>.
  • Modals: Replace native window.confirm with Mantine's modal manager for interactive confirmations.

Quick Start

Use the mantine skill to create a navigation link to the dashboard page with a home icon.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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
Download link: https://github.com/alexturpin/cf-app-starter/archive/main.zip#mantine

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.