skills.rest
Aradotso
AradotsoOFFICIAL
Explore all skills by this author →
Website𝕏@aradotsoGitHub

materialdesigninxaml-wpf-toolkit

Configure Material Design 2 or 3 themes in WPF App.xaml.

3|Updated May 16, 2026
Search Tags:#material design#icons#wpf#mvvm#dialogs#xaml#ui theming
One-click install
npx skills add https://github.com/Aradotso/design-skills --skill materialdesigninxaml-wpf-toolkit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: materialdesigninxaml-wpf-toolkit
Source: https://github.com/Aradotso/design-skills/tree/main/skills/materialdesigninxaml-wpf-toolkit
Command: npx skills add https://github.com/Aradotso/design-skills --skill materialdesigninxaml-wpf-toolkit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of building a modern, consistent Material Design UI for WPF apps without manually styling every control.

Core Features & Use Cases

  • Material Design theming for WPF: Configure Material Design 2 or Material Design 3 themes in App.xaml and apply a window-wide style to standardize look and feel.
  • Ready-to-use control styling: Use themed Material Design styles for common WPF controls such as buttons, text fields, dialogs, cards, chips, snackbars, progress indicators, pickers, combo boxes, and data grids.
  • Icons and UX patterns included: Integrate the Material Design Icons pack and adopt common UI patterns like drawers, transitions, elevations, and MVVM-friendly binding examples.
  • Use Case: For a desktop admin tool that needs dark mode, consistent form fields, icon-based actions, and confirmation dialogs, this Skill helps you implement a cohesive Material Design interface by wiring the bundled theme and control styles.

Quick Start

Ask the tool to generate the required App.xaml theme configuration and example XAML for a themed MainWindow using a chosen PrimaryColor and SecondaryColor.

Frequently Asked Questions about materialdesigninxaml-wpf-toolkit

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

FAQPage Schema
How do I add Material Design theming to a WPF application?▼

To add Material Design theming to a WPF application, configure the theme in your App.xaml using a resource dictionary and apply a window-wide style to standardize the look and feel across all controls.

What WPF controls can I style using Material Design?▼

You can style common WPF controls including buttons, text fields, combo boxes, data grids, cards, chips, snackbars, and progress indicators using bundled Material Design themes.

Does Material Design in WPF support dark mode and custom colors?▼

Yes, Material Design in WPF supports dark mode and custom colors by wiring bundled theme configurations with your chosen PrimaryColor and SecondaryColor in the XAML setup.

How do I include Material Design Icons in my WPF project?▼

You can include Material Design Icons in your WPF project by integrating the bundled Material Design Icons pack, which provides icon-based actions for your desktop UI builds.

Can I use Material Design dialogs with MVVM binding in WPF?▼

Yes, you can use Material Design dialogs with MVVM-friendly binding in WPF, as the theming includes MVVM-friendly wiring for common UI components and confirmation dialogs.

What is the difference between Material Design 2 and Material Design 3 for WPF?▼

Material Design 2 and Material Design 3 for WPF are both supported theme configurations that allow you to apply different generations of Google's design language to your desktop UI controls and UX patterns.

Related Skills

Explore More Design & Creative Skills→
unoplatformunoplatform
9

uno-toolkit-material-theme

Configure MaterialToolkitTheme in App.xaml to unify color and typography customization.

Official
Intermediate
christian289christian289
40

binding-mewui-data

Bind MewUI controls to ObservableValue and ValueBinding for reactive updates.

Community
Advanced
seanyofthedeadseanyofthedead

improving-streamlit-design

Enhance Streamlit app designs with Material icons and custom styling.

Community
Basic
The1nkThe1nk
2

frontend-design

Apply WPF XAML styling and theming guidelines for .NET 10 applications.

Community
Intermediate