skills.rest
j0ruge
j0rugeCOMMUNITY
Explore all skills by this author →
GitHub

dotnet-wpf-design

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

8|Updated Apr 1, 2026
Search Tags:#typography#design#layout#wpf#fluent#wpf-ui
One-click install
npx skills add https://github.com/j0ruge/skills_commands_manager --skill dotnet-wpf-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dotnet-wpf-design
Source: https://github.com/j0ruge/skills_commands_manager/tree/main/plugins/dotnet-wpf/skills/dotnet-wpf-design
Command: npx skills add https://github.com/j0ruge/skills_commands_manager --skill dotnet-wpf-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guides teams in applying Fluent Design to WPF/XAML with WPF-UI to ensure consistent theming, typography, and layout across desktop apps.

Core Features & Use Cases

  • Comprehensive guidelines for spacing, typography, color tokens, and component usage.
  • Practical recipes for theming, branding, and responsive layout in dark and light mode.
  • Real-world scenarios like aligning labels with fields, implementing Fluent-inspired controls, and applying brand colors to primary actions.

Quick Start

Install the WPF-UI themes and apply DynamicResource brushes to UI elements to bootstrap Fluent Design in your project.

Frequently Asked Questions about dotnet-wpf-design

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

FAQPage Schema
How do I apply Fluent Design to WPF/XAML desktop applications?▼

Implement Fluent Design in WPF/XAML by installing WPF-UI themes and applying DynamicResource brushes to UI elements. This framework provides comprehensive guidelines for consistent spacing, typography, and color tokens across dark and light modes.

What is the best way to implement theme-aware dynamic resources for WPF-UI?▼

Use DynamicResource brushes applied to UI elements to bootstrap theme-aware dynamic resources in WPF-UI. This enables responsive layout and consistent branding across dark and light modes for your desktop app controls.

How do I align labels with fields and apply brand colors in WPF-UI?▼

Align labels with fields and apply brand colors in WPF-UI by following practical recipes for component usage and branding. This ensures brand-consistent UI components and properly aligned form layouts.

Does WPF-UI support progressive disclosure workflows for desktop apps?▼

Yes, the framework specifically satisfies requirements for progressive disclosure workflows in WPF/XAML desktop apps. It provides comprehensive guidelines for layout, theming, and control customization suitable for pages and forms.

Can I use WPF-UI for both dark and light mode theming in XAML?▼

Yes, you can use WPF-UI for dark and light mode theming in XAML. The framework provides practical recipes for responsive layout and branding that ensure consistent visual states across both modes.

What are the limitations of applying Fluent Design to WPF controls?▼

Applying Fluent Design to WPF controls is limited to XAML/WPF desktop environments using WPF-UI. The framework focuses on pages and forms, providing guidelines for theming, typography, and layout rather than custom control rendering.

Related Skills

Explore More Design & Creative Skills→
manxmanx

winui-patterns

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

Community
Basic
kleon6436kleon6436

windows-ui-guidelines

Document Fluent Design System UI guidelines for WinUI 3, WPF, and .NET MAUI.

Community
Intermediate
syncfusionsyncfusion
5

syncfusion-wpf-tabcontrol

Build and manage WPF TabControlExt interfaces across XAML and C#.

Official
Advanced
MuhomorikMuhomorik

wpf-fluent-design

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

Community
Advanced