skills.rest
mtmattei
mtmatteiCOMMUNITY
Explore all skills by this author →
𝕏@mx2ei1GitHub

uno-material

Configure Material Design 3 theming for Uno Platform apps.

5|Updated Jan 30, 2026
Search Tags:#typography#theming#migration#colors#material#md3#uno-platform
One-click install
npx skills add https://github.com/mtmattei/UnoPlatformSkills --skill uno-material
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-toolkit-getting-started

Install and configure Uno Toolkit with MaterialToolkitTheme in App.xaml.

Official
Basic
wshaddixwshaddix
71

dotnet-uno-platform

Develop cross-platform Uno Platform apps with MVUX and Toolkit controls.

Community
Advanced
unoplatformunoplatform
9

uno-toolkit-tabbar

Implement Uno Platform TabBar navigation with icons, labels, badges, and selection indicators for cross-platform apps.

Official
Intermediate
unoplatformunoplatform
9

uno-themes-material

Configure Uno Material theming with MD3 palettes and control styles.

Official
Advanced