uno-material

Name: uno-material
Availability: InStock
Author: Matt

Configure Material Design 3 theming for Uno Platform apps.

5|Updated Jan 30, 2026

Search Tags:#typography #theming #migration #colors #material #md3 #uno-platform

Ready to run

npx skills add https://github.com/mtmattei/UnoPlatformSkills --skill uno-material

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: uno-material
Source: https://github.com/mtmattei/UnoPlatformSkills/tree/main/uno-material
Command: npx skills add https://github.com/mtmattei/UnoPlatformSkills --skill uno-material

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Uno Platform projects frequently struggle to configure Material Design 3 theming consistently across colors, typography, and control styles, leading to visual drift and debugging headaches.

Core Features & Use Cases

MD3 color system integration, typography guidance, button/TextBox/FAB styles, and lightweight styling hooks
Guidance on MaterialTheme vs MaterialToolkitTheme, and migration from older theming setups
Use cases include installing, overriding colors/fonts, applying styles, and debugging resource-key issues across Uno Platform apps.

Quick Start

Use uno-material to configure and apply MD3 theming for Uno Platform projects.

Frequently Asked Questions about uno-material

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I configure Material Design 3 theming in an Uno Platform app?▼

Uno Platform MD3 theming is configured by installing the appropriate packages and applying color systems, typography, and control styles. This ensures visual consistency and resolves resource-key debugging issues across your application.

What is the difference between MaterialTheme and MaterialToolkitTheme in Uno Platform?▼

MaterialTheme and MaterialToolkitTheme represent different Uno Platform theming approaches. Selecting between them dictates your lightweight styling hooks and determines your migration path from older theming implementations to MD3 standards.

How do I override MD3 colors and typography in Uno Platform?▼

Overriding MD3 colors and typography in Uno Platform involves customizing specific resource keys. Enforcing these MD3 key conventions during overrides ensures that your color and font customizations maintain strict theme consistency.

Can I use lightweight styling on Uno Platform Material controls?▼

Yes, lightweight styling is supported for Uno Platform Material controls. The system provides hooks for button, TextBox, and FAB styles, enabling targeted visual modifications without altering base control templates.

How do I migrate older Uno Platform themes to Material Design 3?▼

Migrating older Uno Platform themes to Material Design 3 requires following specific version migration guidelines. This updates your resource keys and theme configurations to align with current MD3 standards and prevents visual drift.