skills.rest
kleon6436
kleon6436COMMUNITY
Explore all skills by this author →
WebsiteGitHub

windows-ui-guidelines

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

Updated Apr 13, 2026
Search Tags:#typography#accessibility#windows#ui-guidelines#winui#fluent-design
One-click install
npx skills add https://github.com/kleon6436/GitHubCopilotSettings --skill windows-ui-guidelines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: windows-ui-guidelines
Source: https://github.com/kleon6436/GitHubCopilotSettings/tree/main/skills/windows-ui-guidelines
Command: npx skills add https://github.com/kleon6436/GitHubCopilotSettings --skill windows-ui-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guideline defines Windows 11 desktop UI rules to ensure Fluent Design System compliance across WinUI 3, WPF, and .NET MAUI, providing a unified reference for designers and developers.

Core Features & Use Cases

  • Fluent Design fundamentals: follow standard controls, minimize custom UI, and reduce visual noise.
  • Materials and surfaces: guidance on Mica, Mica Alt, and Acrylic usage to convey depth and layering.
  • Title bars, navigation, and commands: recommended patterns for NavigationView, TabView, and CommandBar to create consistent experiences.
  • Typography, color, accessibility, and responsive layout: guidance to adapt layouts across themes and accessibility needs.

Quick Start

Apply Fluent Design principles to WinUI 3, WPF, or .NET MAUI UI implementations to achieve a cohesive Windows desktop experience.

Frequently Asked Questions about windows-ui-guidelines

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

FAQPage Schema
How do I apply Fluent Design principles to WinUI 3 apps?▼

To apply Fluent Design in WinUI 3, use standard controls, minimize custom UI, and reduce visual noise. This ensures compliance with Windows 11 desktop UI rules, providing a cohesive user experience across your .NET applications.

What is the difference between Mica and Acrylic materials in Windows UI?▼

Mica and Acrylic are materials in Windows UI that convey depth and layering. Mica is an opaque material that adapts to the desktop wallpaper, while Acrylic is a translucent material used for transient surfaces like flyouts and menus.

Can I use these Windows UI guidelines for WPF and .NET MAUI projects?▼

Yes, these Windows UI guidelines support WinUI 3, WPF, and .NET MAUI. They provide a unified reference for designers and developers to achieve Fluent Design System compliance across multiple Windows desktop frameworks.

What navigation patterns are recommended for Windows 11 desktop apps?▼

Recommended navigation patterns for Windows 11 apps include NavigationView for hierarchical navigation, TabView for tabbed interfaces, and CommandBar for command surfaces. These ensure consistent experiences aligned with Fluent Design.

How do I implement responsive layout and accessibility in WinUI 3?▼

Implement responsive layout and accessibility by following the documented typography scales, color guidance, and accessibility practices. Use recommended XAML and resource dictionaries to adapt layouts across different themes and accessibility needs.

Related Skills

Explore More Design & Creative Skills→
manxmanx

winui-patterns

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

Community
Basic
GatsbyhateyouGatsbyhateyou

fluent

Generate user interfaces with Microsoft Fluent Design 2 acrylic materials and micro-interactions.

Community
Basic
phananhtuan09phananhtuan09

frontend-design-fundamentals

Standardize UI visuals with responsive layouts, typography, spacing, and WCAG-compliant color contrast.

Community
Intermediate
itsmichaelwestitsmichaelwest
1

dotnet-ui

Provides guidance on .NET UI frameworks including Blazor, MAUI, and WPF.

Community
Advanced