Winui Design

This is the skill to reach for when you're laying out WinUI 3 pages or fixing XAML that doesn't look right. It ships with a search tool that indexes the entire WinUI Gallery and Community Toolkit, so you can ground every control choice in real samples before writing markup. The workflow is deliberate: search upfront for all your features, grab the canonical code, then build. It covers the full design surface: navigation patterns, Fluent Design spacing, theme dictionaries that actually switch at runtime, High Contrast compliance with the eight allowed system brushes, and window sizing math because WinUI 3 has no SizeToContent. The rubric for deriving window dimensions from your layout is worth the price of admission alone. Use it when migrating from WPF or Electron, reviewing pull requests, or debugging why your app looks broken in Dark mode.

Install to Claude Code

npx -y skills add microsoft/win-dev-skills --skill winui-design --agent claude-code