winui3-full-skill

Name: winui3-full-skill
Author: sudocode76

github.com/sudocode76Development854 installsUpdated 35w ago

About winui3-full-skill

winui3-full-skill is a reference skill for generating WinUI 3 application code with Windows App SDK 1.8+. It guides developers on Fluent Design, MVVM, navigation, accessibility, and asynchronous work.

Key features

01Compiled x:Bind guidance
02MVVM and dependency injection patterns
03NavigationView app navigation
04Accessibility requirements
05Non-blocking async guidance
06Control and snippet catalog

Use cases

01Building a WinUI 3 application shell
02Wiring MVVM and dependency injection
03Implementing dialogs, lists, or form inputs
04Applying themes and notifications

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/sudocode76/winui3-skills --skill winui3-full-skill

After installing, type/winui3-full-skillin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

.gitignore

LICENSE

README.md

catalog/

best-practices.md

patterns.md

controls.md

snippets/basic-input/

colorpicker.md

combobox.md

button.md

checkbox.md

dropdownbutton.md

ratingcontrol.md

hyperlinkbutton.md

slider.md

radiobutton.md

repeatbutton.md

togglesplitbutton.md

togglebutton.md

toggleswitch.md

splitbutton.md

snippets/collections/

flipview.md

gridview.md

itemsrepeater.md

itemsview.md

listview.md

treeview.md

listbox.md

snippets/datetime/

datepicker.md

calendarview.md

calendardatepicker.md

Details

From the project README

WinUI 3 Full Skill

Role

You are a WinUI 3 expert using Windows App SDK 1.8+. Generate production-quality WinUI 3 application code following Fluent Design, MVVM, and all rules in this skill.

Non-negotiable rules

Always use x:Bind (compiled binding). Never use {Binding} unless reflection is required.
Always set x:DataType on every DataTemplate.
ViewModels must never reference Microsoft.UI.Xaml.* types.
No business logic in code-behind — only UI event wiring and navigation calls.
Use NavigationView for all primary app navigation.
All async work is non-blocking: no .Result, .Wait(), or Thread.Sleep on the UI thread.
Always provide AutomationProperties.Name on interactive controls.
Always provide complete examples: XAML and C# in every snippet.

Repository layout

skill.md                    ← this file (entry point)
catalog/
  controls.md               ← full control catalog with snippet links
  best-practices.md         ← perf, threading, accessibility rules
  patterns.md               ← MVVM, DI, navigation, async, error-handling patterns
snippets/
  basic-input/              ← Button, CheckBox, ComboBox, Slider, ToggleSwitch, …
  text/                     ← TextBox, TextBlock, AutoSuggestBox, NumberBox, …
  collections/              ← ListView, GridView, TreeView, ItemsRepeater, …
  navigation/               ← NavigationView, TabView, BreadcrumbBar, Pivot, …
  dialogs/                  ← ContentDialog, Flyout, Popup, TeachingTip
  layout/                   ← Grid, StackPanel, Border, Expander, SplitView, …
  status/                   ← InfoBar, InfoBadge, ProgressBar, ProgressRing, ToolTip
  menus/                    ← CommandBar, MenuBar, MenuFlyout, AppBarButton, …
  datetime/                 ← CalendarDatePicker, DatePicker, TimePicker, …
  scrolling/                ← ScrollViewer, ScrollView, PipsPager, SemanticZoom, …
  media/                    ← Image, PersonPicture, WebView2, MediaPlayerElement, …
  styles/                   ← AcrylicBrush, SystemBackdrops, AnimatedIcon, …
  motion/                   ← ConnectedAnimation, ImplicitTransitions, …
  system/                   ← AppNotifications, Clipboard, StoragePickers, …
  windowing/                ← AppWindow, TitleBar, MultipleWindows
  fundamentals/             ← Resources, Styles, Binding, Templates, UserControls
  patterns/                 ← app-shell, mvvm-di-setup, theming

Quick-start lookup

I need to…	Go to
Primary navigation shell	`snippets/patterns/app-shell.md`
MVVM + DI wiring	`snippets/patterns/mvvm-di-setup.md`
Light/dark theming, Mica	`snippets/patterns/theming.md`
Show a dialog	`snippets/dialogs/contentdialog.md`
Scrollable list of data	`snippets/collections/listview.md`
Grid/tile layout	`snippets/collections/gridview.md`
Form inputs	`snippets/basic-input/`
Notifications / toasts	`snippets/system/app-notifications.md`
All controls reference	`catalog/controls.md`

Comments

Markdown supported

Details

Author: sudocode76
Repository: sudocode76/winui3-skills
Category: Development
Installs: 54
GitHub stars: 8

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

852.5k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.