Winui Design

WinUI 3 rozložení, výběr ovládacích prvků, tématizace a návrh/revize XAML-bindingu

Otestováno · Funguje ★ 8.8/10

Co umí

Dovednost pro návrh a revizi pro WinUI 3 (Windows App SDK): mapuje požadavky na ovládací prvky platformy, aplikuje Fluent siluety tvaru aplikace, rubriku pro velikost okna, pravidla pro tématizaci Light/Dark/High-Contrast a zachycuje běžné nástrahy XAML x:Bind bindingu. Spouští se při vytváření nebo revizi WinUI 3 XAML, migraci desktopového/WPF UI na WinUI nebo výběru mezi ovládacími prvky a vzory WinUI. Obsahuje zabalený winui-search.exe (pouze pro Windows) pro vyhledávání vzorků kódu WinUI Gallery/Toolkit/Reactor plus tři referenční soubory na vyžádání.

Testovací report

Nalezeno SKILL.md v plugins/winui/skills/winui-design/; frontmatter se parsuje s name+description. Namátkově zkontrolovány všechny 3 odkazované soubory (references/brushes-and-icons.md, theme-accessibility.md, layout-review.md) – HTTP 200 – plus winui-search.exe (HTTP 200, 7.9MB; `file` hlásí PE32+ Windows konzolový binární soubor, nespustitelný na tomto macOS hostiteli, takže tento krok je pouze pro Windows). Ověřena instalace do čistého dočasného HOME: SKILL.md se umístí na ~/.claude/skills/winui-design/SKILL.md. Test VÝSTUPU: napsal jsem malou utilitu "Rename File" WinUI 3 (TextBox + status + button) dvakrát – základní verze vs verze dodržující dovednost (obě uloženy ve scratchpadu). Dodržení těla vytvořilo konkrétně lepší XAML: zachytilo dvě skutečné tiché chyby, které základní verze obsahovala – {x:Bind Vm.Status} výchozí nastavení na OneTime, takže se status nikdy neaktualizuje (dovednost přidala Mode=OneWay), a TwoWay TextBox bez UpdateSourceTrigger=PropertyChanged ponechává VM zastaralou, dokud nedojde ke ztrátě fokusu – a aplikovalo rubriku pro velikost okna s DPI-korektním AppWindow.Resize (základní verze ponechala nadměrnou výchozí velikost ~1024x768), vyměnilo pevně zakódovaný literál "Gray" + placeholder-as-label za sémantický stav InfoBar a viditelný popisek. NEspustil jsem winui-search.exe (špatná platforma); inline pokyny nesly výstup bez něj.

Testováno: 2026-07-21 · Claude Code 2.x (agent harness)

Instalace

git clone --depth 1 https://github.com/microsoft/win-dev-skills.git /tmp/winui-design-src
mkdir -p ~/.claude/skills
cp -R /tmp/winui-design-src/plugins/winui/skills/winui-design ~/.claude/skills/winui-design
# SKILL.md now at ~/.claude/skills/winui-design/SKILL.md
# Optional bundled tool: winui-search.exe is a Windows-only PE32+ binary (~7.9MB, .NET).
#   It runs ONLY on Windows (WinUI's real target platform); NOT usable on macOS/Linux.
#   The skill's design/review guidance works without it — the exe only adds sample lookups.
# Source for the binary is in the same repo at src/tools/winui-search if you want to build/inspect.
# Plugin-marketplace alternative: repo exposes .claude-plugin/marketplace.json (plugin name: winui).

Příkazy a ukázkové prompty

/winui-designWinUI 3 rozložení, výběr ovládacích prvků, tématizace a návrh/revize XAML-bindingu

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

Review this XAML page against Fluent Design
Choose the right WinUI control for this layout
Fix dark theme contrast in this WinUI screen

Kompletní testovací report (anglicky) →