winui-design Skill
Use when designing, reviewing, or fixing WinUI 3: layout planning, control choice, Fluent Design alignment, Light/Dark/High Contrast theming, typography, spacing, brushes, accessibility, and XAML data-binding design. Load before authoring new XAML, reviewing UI PRs, migrating desktop UI to WinUI, or choosing between Wi Published by microsoft in win-dev-skills.
What is winui-design Skill?
Use when designing, reviewing, or fixing WinUI 3: layout planning, control choice, Fluent Design alignment, Light/Dark/High Contrast theming, typography, spacing, brushes, accessibility, and XAML data-binding design. Load before authoring new XAML, reviewing UI PRs, migrating desktop UI to WinUI, or choosing between Wi Published by microsoft in win-dev-skills. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Design and media
- Writing
- Research
- Data analysis use cases
Technical details
- Install or run with Copy skill directory
When to use winui-design Skill
- Use it for data analysis.
- Use it for design and media.
- Use it for writing.
- Use it for research.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/win-dev-skills
- Skill file: plugins/winui/skills/winui-design/SKILL.md
What it does
Use when designing, reviewing, or fixing WinUI 3: layout planning, control choice, Fluent Design alignment, Light/Dark/High Contrast theming, typography, spacing, brushes, accessibility, and XAML data-binding design. Load before authoring new XAML, reviewing UI PRs, migrating desktop UI to WinUI, or choosing between Wi
Skill instructions
Search samples before writing XAML This skill ships winui-search.exe alongside this SKILL.md (≈100 WinUI Gallery controls, every Windows Community Toolkit scenario, curated platform-integration patterns; each result returns full XAML + C + pitfall notes). Front-load lookups, then code — don't interleave. powershell .\winui-search.exe search "<feature 1" "<feature 2" ... batch one focused query per feature (BM25 likes focused phrasing) .\winui-search.exe get <id 1 <id 2 ... batch up to 3 IDs — full XAML + C + pitfall notes .\winui-search.exe list browse all patterns (heavy — prefer search) .\winui-search.exe update force cache refresh Search covers controls and platform integration (file pickers, Share, JumpList, drag-drop, app lifecycle, dialogs) — front-load all lookups before writing XAML; don't interleave search with coding. App-shape anchors Pick the closest shipping app silhouette before laying out a page: | App type | Anchor controls | Reference apps | |----------|---------------
Explore related resources
Frequently asked questions
What is winui-design?
winui-design is a open-source AI agent skill with Copy skill directory. Use when designing, reviewing, or fixing WinUI 3: layout planning, control choice, Fluent Design alignment, Light/Dark/High Contrast theming, typography, spacing, brushes, accessibility, and XAML.
Who is winui-design best for?
winui-design is best for reusing agent instructions, scripts, and references, data analysis workflows, design and media workflows, writing workflows.
How do I install winui-design?
Install or run winui-design using Copy skill directory. Check winui-design for the latest setup command.
Is winui-design actively maintained?
winui-design may need a closer maintenance check before production use.
Auto-fetched from GitHub.
