Winui code review
Skill microsoft/win-dev-skills/plugins/winui/skills/winui-code-review
Agents and skills for building Windows apps with WinUI 3 and the Windows App SDK
npx -y skills add microsoft/win-dev-skills --skill winui-code-reviewAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
What its author says it does
Copied from the file, not written here
Code quality review for WinUI 3 apps — MVVM compliance, x:Bind correctness, accessibility, theming, security, and performance. Use before committing to catch issues that the compiler and UI tests won't find.
SKILL.md
5.9 KB, as published. Nobody here has run it
When to Use
Run a code review after the app builds and before committing. This catches quality issues that aren't build errors and aren't visible in UI tests — patterns that compile and run but are wrong, fragile, or slow.
How to Review
Read through the project's XAML and C# files and check each section below. The Microsoft.WindowsAppSDK.Analyzers Roslyn analyzer ships with the winui-dev-workflow skill and is injected into your build when you compile via the BuildAndRun.ps1 script that ships with that skill — the script drops a temporary Directory.Build.props into the project that loads the analyzer DLL and its .targets, then cleans up after the build. Plain dotnet build (or VS) does not load the analyzer automatically; if you want it to surface as build diagnostics outside the script, add the <Analyzer Include="..." /> and <Import Project="..." /> to your project's own Directory.Build.props (or wait for the planned NuGet package).
The analyzer catches a curated set of WinUI 3 / Windows App SDK issues with categorized 4-digit IDs:
- WUI0xxx — UWP → WinUI 3 API compatibility (
UwpXamlNamespace,Window.Current,CoreDispatcher,GetForCurrentView) - WUI1xxx — Migration-table data-driven hints (UWP API has WinAppSDK equivalent, no equivalent, feature-area hint)
- WUI2xxx — Runtime / layout / XAML pitfalls (raw
TabViewcontent, nestedx:Bindwithout fallback,x:BindwithoutMode, nullConverter, missingAutomationId, attached-property syntax) - WUI3xxx — MVVM patterns (old
[ObservableProperty]field syntax) - WUI4xxx — Interop (
WebView2not initialized, removed ONNX Runtime GenAI APIsWUI4101-WUI4103)
Every diagnostic ships at Warning severity (no rule is Error) and includes a helpLinkUri. Suppress noise with #pragma warning disable WUIxxxx or <NoWarn> as usual — the analyzer's SuppressionTests verify that pragma suppression round-trips correctly.
MVVM Compliance
- ViewModels extend
ObservableObject, use[ObservableProperty]partial properties (not fields) - Commands use
[RelayCommand]attribute, not manualICommandimplementations - No UI types in ViewModels (
SolidColorBrush,Visibility,BitmapImage) — these belong in converters or XAML - No business logic in code-behind — only navigation, dialog coordination, and event wiring
-
async Taskfor async methods,async voidonly for event handlers - Never replace
ObservableCollection<T>— use.Clear()+ re-add
x:Bind and Data Binding
- All bindings use
{x:Bind}, not{Binding} -
Mode=OneWayorTwoWayset explicitly —OneTimedefault causes blank UI for dynamic data -
x:DataTypeset on everyDataTemplate— required for compiled x:Bind - No nested nullable paths (e.g.,
ViewModel.Selected.Name) withoutFallbackValue - Command bindings can use OneTime (commands don't change) — don't add
Mode=OneWaytoCommand="{x:Bind}"
Accessibility
-
AutomationProperties.AutomationIdon every interactive control (Button, TextBox, ComboBox, ToggleSwitch, ListView, NavigationViewItem) -
AutomationProperties.Nameon icon-only buttons and controls without visible text - Semantic controls (
Button,HyperlinkButton) — not clickableBorder/TextBlock - No information conveyed by color alone
Theming
- All colors use
{ThemeResource}brushes — no hardcoded#FF0000orColor="Blue" - Typography uses built-in styles (
TitleTextBlockStyle,SubtitleTextBlockStyle,BodyTextBlockStyle,CaptionTextBlockStyle) — no rawFontSize - Spacing uses 4px grid multiples (4, 8, 12, 16, 24, 32, 48)
- Corner radius uses
ControlCornerRadius/OverlayCornerRadius— not hardcoded values - Styles referenced with
{StaticResource}not{ThemeResource}(except for brush usage sites)
Security
- No secrets, API keys, or tokens in source code
- No
Process.Startwith unsanitized user input - External input validated and sanitized before use
- File paths from user input not used directly in
File.Delete/File.WriteAllTextwithout validation
Performance
- Long or dynamic lists use
ListView/GridView(virtualized), notStackPanelwithforeach -
x:Loadfor content that's not always visible (e.g., dialogs, secondary panels) - Heavy work off UI thread via
Task.Runorasync/await— never block UI - No
.Result/.Wait()/.GetAwaiter().GetResult()— these deadlock the UI thread -
usingstatements on all disposable objects (Model,Tokenizer,InferenceSession,Generator)
Globalization
- User-facing strings use
x:Uidin XAML andResourceLoaderin C# — not hardcoded - String resources in
Strings/en-us/Resources.resw(not.resx) - Date/number formatting uses
CultureInfo.CurrentCulture— not hardcoded formats - Layout supports RTL (
FlowDirectioninherited from root, no absolute positioning that breaks in RTL) - No string concatenation for user-facing messages — use
string.Formator interpolation with resource strings
Review Report
After reviewing, summarize:
- Issues found: List each with file, line, and what's wrong
- Severity: Error (must fix), Warning (should fix), or Note (could improve)
- Suggested fixes: Specific code changes for each issue
References
For detailed rules with code examples, see references/quality-rules.md — covers performance deep dives (x:Phase, layout optimization), security (PasswordVault, DPAPI, WebView2 hardening), accessibility (keyboard nav, screen readers), code quality (.editorconfig, naming), and globalization (x:Uid patterns, RTL, pluralization).