skills.rest
Muhomorik
MuhomorikCOMMUNITY
Explore all skills by this author →
GitHub

wpf-fluent-design

Apply Fluent design tokens and theming to MahApps.Metro WPF XAML views.

Updated Mar 29, 2026
Search Tags:#theming#tokens#ui-design#wpf#xaml#fluent-design#mahapps.metro
One-click install
npx skills add https://github.com/Muhomorik/KanelBulleKapital --skill wpf-fluent-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wpf-fluent-design
Source: https://github.com/Muhomorik/KanelBulleKapital/tree/main/.claude/skills/wpf-fluent-design
Command: npx skills add https://github.com/Muhomorik/KanelBulleKapital --skill wpf-fluent-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

WPF Fluent Design System implementation provides a cohesive, reusable set of design tokens, theming rules, and UI guidelines to ensure consistent Fluent visuals across MahApps.Metro-based WPF apps, reducing bespoke styling attempts and visual drift.

Core Features & Use Cases

  • Token-driven theming for colors, typography, spacing, and elevation across XAML views.
  • Runtime theme generation that adapts to system accent colors and keeps designs accessible.
  • Verification and design guidelines (layout, typography, and data templates) to maintain consistency in MVVM-driven UIs.

Quick Start

Integrate the WPF Fluent Design System by wiring runtime theme generation and token references into your MahApps.Metro project and align your XAML styling with the provided guidelines.

Frequently Asked Questions about wpf-fluent-design

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

FAQPage Schema
How do I apply Fluent design theming to a WPF MahApps.Metro application?▼

Fluent design theming for WPF uses token-driven rules for colors, typography, spacing, and elevation across XAML views to ensure consistent visuals and reduce bespoke styling attempts in MahApps.Metro apps.

What are Fluent design tokens and how do they work in XAML views?▼

Fluent design tokens in XAML are reusable values for colors, typography, spacing, and elevation that enforce a cohesive UI system across MahApps.Metro WPF components and prevent visual drift.

Can I generate WPF themes at runtime that adapt to system accent colors?▼

Yes, runtime theme generation in WPF adapts to system accent colors while keeping designs accessible, allowing MahApps.Metro apps to dynamically reflect user preferences through token-driven theming.

Does this Fluent design system work with MVVM-driven UIs and data templates?▼

Yes, the Fluent design system provides verification and design guidelines for layout, typography, and data templates specifically to maintain consistency across MVVM-driven WPF UIs.

What is the best way to maintain visual consistency across WPF components without bespoke styling?▼

The best way to maintain WPF visual consistency is adopting a cohesive Fluent UI system with predefined design tokens and theming rules, which eliminates the need for bespoke styling attempts in MahApps.Metro.

Do I need to configure a SKILL.md file to use the WPF Fluent design guidelines?▼

Yes, the Fluent design system enforces a YAML frontmatter with name and description in a SKILL.md file, accompanied by a detailed Markdown body containing operational instructions for activation.

Related Skills

Explore More Design & Creative Skills→
linuxdevellinuxdevel
27

avalonia-wpf-migration

Map WPF XAML, controls, and MVVM patterns to Avalonia equivalents.

Community
Intermediate
Hey-ViswaHey-Viswa

zapier-design-skill

Apply Zapier design-system patterns to product interfaces.

Community
Intermediate
manxmanx

winui-patterns

Enforce WinUI 3 MVVM binding patterns with x:Bind and DI registration.

Community
Basic
j0rugej0ruge
8

dotnet-wpf-design

Diagnose, design and implement Fluent Design in WPF/XAML using WPF-UI.

Community
Advanced