Plugin för WinUI-agenten för GitHub Copilot CLI och Claude Code

Plugin-programmet winui@awesome-copilot ger GitHub Copilot CLI och Claude Code korrekta, up-to-date kunskap om WinUI 3 och Windows App SDK. Den innehåller åtta specialiserade kunskaper och en dedikerad winui-dev agent som vägleder AI genom den fullständiga utvecklingsloopen – byggnadsställning, bygg, körning, test, paketering och migrering.

Note

Det här plugin-programmet fungerar med GitHub Copilot CLI (ett terminalverktyg) och Claude Code. Den integreras för närvarande inte med VS Code-Copilot Chat. Information om VS Code-baserad AI-hjälp utan plugin-programmet finns i snabbstarten.

Varför behöver jag det här plugin-programmet?

Utan plugin-programmet föreslår AI-kodningsagenter ofta inaktuella UWP-mönster för Windows utveckling. UWP har betydligt mer träningsdata (Stack Overflow-svar, GitHub-exempel, guider) än WinUI 3, så agenter använder som standard föråldrade API:er:

Utan plugin-program Med insticksprogram
Windows.UI.Xaml.Controls Microsoft.UI.Xaml.Controls
CoreDispatcher DispatcherQueue
MessageDialog ContentDialog
Windows.UI.Xaml.Window Microsoft.UI.Xaml.Window

Plugin-programmet åtgärdar detta genom att mata in explicita WinUI 3-regler som anpassade instruktioner som åsidosätter agentens standardinställningar för träningsdata.

Installera plugin-programmet

Kräver:Windows App Development CLI (winget install Microsoft.winappcli --source winget).

GitHub Copilot CLI

Requires:GitHub Copilot CLI (winget install GitHub.Copilot).

gh copilot plugin install winui@awesome-copilot

Detta installerar insticksprogrammet globalt för användaren till ~\.copilot\installed-plugins\. Verifiera med: 

gh copilot plugin list

Claude Code

Claude Code använder ett eget plugin-register:

claude plugin marketplace add microsoft/win-dev-skills
claude plugin install winui@win-dev-skills

Använda med GitHub Copilot CLI

GitHub Copilot CLI körs i terminalen. Använd agenten @winui-dev genom att inkludera den i din fråga:

gh copilot -p "@winui-dev Build me a WinUI 3 app that shows a list of files in a folder"

För en interaktiv session där du kan ställa uppföljningsfrågor:

copilot -i

Skriv sedan dina begäranden direkt, till exempel: @winui-dev Lägg till en sökruta i min fillisteapp.

Om du vill konfigurera datorn för WinUI 3-utveckling, kör först winui-setup-färdigheten:

gh copilot -p "/winui-setup"

Använda med Claude Code

När du har installerat plugin-programmet använder du agenten @winui-dev i Claude Codes chattgränssnitt på samma sätt – prefixet för din begäran med @winui-dev.

Winui-dev-agenten

Agenten winui-dev samordnar den fullständiga utvecklingsloopen. Den vet hur man kör varje steg, känner igen vanliga felmönster som får generiska agenter att fastna i loopar och styr mot lyckade WinUI 3-mönster.

Agenten läser in winui-design och winui-dev-workflow som standard, vilket omfattar de flesta "skapa mig en WinUI 3-app" förfrågningar från slutpunkt till slutpunkt. Den hämtar in de andra färdigheterna efter behov baserat på din begäran.

De 8 färdigheterna

Plugin-programmet innehåller 8 specialiserade färdigheter. Agenten winui-dev väljer rätt kompetens automatiskt baserat på din begäran.

Kompetens Vad det gör
winui-setup Installerar och verifierar datorkrav – .NET SDK, WinApp CLI, WinUI 3-mallar, utvecklarläge. Kör explicit med /winui-setup– agenten läser inte in den automatiskt
winui-dev-workflow Vägleder scaffold → bygga → köra → iterera-loopen
winui-design Genererar XAML-layouter med hjälp av WinUI 3-kontroller och Fluent Design. Innehåller ett uppslagsverktyg för jordad kontroll mot WinUI-galleriet och Community Toolkit-katalogen
winui-code-review Granskar din kod för WinUI 3-korrekthet och antimönster
winui-ui-testing Genererar användargränssnittstester med hjälp av Windows UI Automation
winui-packaging Guider för MSIX-paketering, signering och Store-inlämning
winui-wpf-migration Migrerar WPF kod till WinUI 3 med mappningar på API-nivå
winui-session-report Sammanfattar vad som skapades i en session och föreslår nästa steg

Bläddra och upptäck fler plugin-program

Du kan bläddra bland och installera Copilot plugin-program direkt från VS Code med hjälp av Awesome Copilot-tillägget som gör att du kan förhandsgranska och installera resurser från communitylagringsplatsen på din arbetsyta.

Relaterat innehåll

  • Last updated on