A reference distilling the key APIs from the official documentation on the WinUI 3 XAML UI foundation. It covers the UI foundation layer independent of individual control APIs: layout construction, XAML markup syntax, styles/themes, data binding, and animation. Read the appropriate README.md according to the user's task, and from there follow it to individual files.
Directory structure
skills/windows-winui-ui/
SKILL.md
references/
layout-panels/
README.md
3-d-perspective-effects.md
alignment-margin-padding.md
attached-layouts.md
border.md
canvas.md
choosing-a-layout-panel.md
custom-panels.md
grid.md
itemsstackpanel.md
itemswrapgrid.md
layout-fundamentals.md
panel.md
relativepanel.md
responsive-layouts.md
scrollviewer.md
splitview.md
stackpanel.md
transforms.md
variablesizedwrapgrid.md
viewbox.md
wrappanel.md
xaml-markup/
README.md
attached-properties-overview.md
custom-attached-properties.md
custom-dependency-properties.md
customresource-markup-extension.md
dependency-properties-overview.md
events-and-routed-events-overview.md
move-draw-commands-syntax.md
property-path-syntax.md
relativesource-markup-extension.md
staticresource-markup-extension.md
template-settings-classes.md
templatebinding-markup-extension.md
themeresource-markup-extension.md
x-class-attribute.md
x-datatype-attribute.md
x-defaultbindmode-attribute.md
x-deferloadstrategy-attribute.md
x-fieldmodifier-attribute.md
x-key-attribute.md
x-load-attribute.md
x-name-attribute.md
x-null-markup-extension.md
x-uid-directive.md
xaml-and-whitespace.md
xaml-intrinsic-data-types.md
xaml-namescopes.md
xaml-namespaces-and-namespace-mapping.md
xaml-overview.md
xaml-resource-dictionary.md
xaml-syntax-guide.md
x-bind-markup-extension.md
xamlreader-load.md
styling-theming/
README.md
acrylic-material.md
brushes.md
control-templating-guide.md
control-template.md
high-contrast-themes.md
data-template.md
data-template-selector.md
element-theme.md
item-container-style.md
mica-material.md
resource-dictionary.md
shadows.md
style-setter.md
system-backdrops.md
theme-resources.md
visual-state.md
visual-state-group.md
visual-state-manager.md
visual-transition.md
xaml-controls-resources.md
data-binding/
README.md
binding-markup-extension.md
collectionviewsource.md
data-binding-and-mvvm.md
datacontext.md
dependency-property-registration.md
data-binding-debugging.md
function-bindings.md
inotifycollectionchanged.md
inotifypropertychanged.md
isupportincrementalloading.md
itemssource-binding.md
ivalueconverter.md
observablecollection.md
x-bind-markup-extension.md
x-phase-attribute.md
animation-composition/
README.md
storyboard.md
double-animation.md
color-animation.md
double-animation-using-keyframes.md
easing-functions.md
repeat-behavior.md
theme-animations.md
entrance-theme-transition.md
reposition-theme-transition.md
add-delete-theme-transition.md
theme-transitions.md
transitions-property.md
connected-animation.md
implicit-animations.md
animated-visual-player.md
parallax-view.md
Exploration procedure
Find the category from the task, and identify the target page in the category's README.md:
- Find the category corresponding to the task in the mapping table below
- of that category
references/{category}/README.mdto identify the target page - Read the
.mdof the relevant page to check the details
Task → Category Mapping
| Task | Category | Reference README |
|---|---|---|
| I want to build a screen layout with Grid / StackPanel / Canvas / RelativePanel | layout-panels | references/layout-panels/README.md |
| I want to implement pane splitting, scrolling, and zoomed display with SplitView / ScrollViewer / Viewbox / Border | layout-panels | references/layout-panels/README.md |
| I want to know about responsive layout and how to choose an appropriate layout panel | layout-panels | references/layout-panels/README.md |
| I want to understand XAML syntax and directives such as x:Bind / x:Name / x:Class | xaml-markup | references/xaml-markup/README.md |
| I want to use markup extensions such as StaticResource / ThemeResource / RelativeSource | xaml-markup | references/xaml-markup/README.md |
| I want to define my own attached properties and dependency properties | xaml-markup | references/xaml-markup/README.md |
| I want to customize the appearance of controls with Style / ControlTemplate / DataTemplate | styling-theming | references/styling-theming/README.md |
| I want to implement visual state transitions with VisualStateManager / VisualState | styling-theming | references/styling-theming/README.md |
| I want to apply materials and themes with Acrylic / Mica / SystemBackdrop / high contrast themes | styling-theming | references/styling-theming/README.md |
| I want to implement data binding with Binding / x:Bind | data-binding | references/data-binding/README.md |
| I want to implement data change notifications with INotifyPropertyChanged / ObservableCollection / MVVM | data-binding | references/data-binding/README.md |
| I want to convert and format binding values with IValueConverter / CollectionViewSource | data-binding | references/data-binding/README.md |
| I want to implement property animation with Storyboard / DoubleAnimation / EasingFunction | animation-composition | references/animation-composition/README.md |
| I want to implement screen transition effects with ThemeTransition / ConnectedAnimation / ImplicitAnimation | animation-composition | references/animation-composition/README.md |
This skill handles only the WinUI 3 XAML UI foundation (layout, markup syntax, styles, data binding, animation). The same-named Button / Grid / Window / Style etc. are different APIs unrelated to apple-swiftui, ark-ui, chakra-ui, fandhe-frontend, android-compose-*. The APIs for individual controls are handled by windows-winui-controls, and app lifecycle, window management, notifications, resources, and deployment are handled by windows-app-sdk .