WinUI-agentinvoegtoepassing voor GitHub Copilot CLI en Claude Code

De winui@awesome-copilot plug-in geeft GitHub Copilot CLI en Claude Code nauwkeurige, actuele kennis van WinUI 3 en de Windows App SDK. Het bevat 8 gespecialiseerde vaardigheden en een toegewezen winui-dev agent die AI begeleidt via de volledige ontwikkelingslus: scaffold, build, run, test, package en migrate.

Note

Deze invoegtoepassing werkt met de GitHub Copilot CLI (een terminalhulpprogramma) en Claude Code. Het is momenteel niet geïntegreerd met VS Code Copilot Chat. Zie de quickstart voor AI-ondersteuning op basis van VS Code zonder de invoegtoepassing.

Waarom heb ik deze invoegtoepassing nodig?

Zonder de invoegtoepassing kunnen AI-coderingsagenten verouderde patronen voorstellen voor Windows ontwikkeling. AI-trainingsgegevens bevatten veel meer historische Windows voorbeelden dan huidige WinUI 3-inhoud, zodat agents standaard afgeschafte API's kunnen gebruiken. De invoegtoepassing lost dit op door expliciete WinUI 3-regels te injecteren als aangepaste instructies die de standaardinstellingen voor de trainingsgegevens van de agent overschrijven.

De invoegtoepassing installeren

Vereist: De Windows-app Development CLI (winget install Microsoft.winappcli --source winget).

GITHUB COPILOT CLI

Vereist:GitHub CLI (winget install GitHub.cli) met de Copilot-extensie (gh extension install github/gh-copilot) en een GitHub Copilot-abonnement.

gh copilot plugin install winui@awesome-copilot

Dit installeert de plug-in globaal voor de gebruiker naar ~\.copilot\installed-plugins\. Controleer met:

gh copilot plugin list

Claude Code

Claude Code maakt gebruik van een eigen pluginregister. De plugin-id in het Claude Code-register (winui@win-dev-skills) verschilt van de GitHub Copilot CLI-register-id (winui@awesome-copilot):

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

De invoegtoepassing gebruiken

De GitHub Copilot CLI wordt uitgevoerd in uw terminal. Gebruik de @winui-dev agent door deze op te nemen in uw prompt:

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

Voor een interactieve sessie waar u vervolgvragen kunt stellen:

copilot

Typ vervolgens uw aanvragen rechtstreeks, bijvoorbeeld: @winui-dev Voeg een zoekvak toe aan mijn bestandslijst-app.

Als u uw machine wilt instellen voor WinUI 3-ontwikkeling, voert u eerst de winui-setup vaardigheid uit:

gh copilot -p "/winui-setup"

De winui-dev-agent

De winui-dev agent organiseert de volledige ontwikkelingslus. Het weet hoe het elke fase moet aansturen, veelvoorkomende foutpatronen kan herkennen waarin generieke agents in lussen vastlopen, en kan sturen richting succesvolle WinUI 3-patronen.

De agent laadt standaard winui-design en winui-dev-workflow, waarmee de meeste verzoeken om "bouw een WinUI 3-app voor me" van begin tot eind worden afgedekt. Het haalt zo nodig de andere vaardigheden op op basis van uw aanvraag.

De 8 vaardigheden

De invoegtoepassing bevat 8 gespecialiseerde vaardigheden. De winui-dev agent selecteert automatisch de juiste vaardigheid op basis van uw aanvraag.

Vaardigheid Wat het doet
winui-setup Installeert en verifieert machinevereisten: .NET SDK, WinApp CLI, WinUI 3-sjablonen, ontwikkelaarsmodus. Expliciet uitvoeren met /winui-setup; de agent laadt deze niet automatisch
winui-dev-workflow Begeleidt de cyclus opzetten → bouwen → uitvoeren → itereren
winui-design Genereert XAML-indelingen met WinUI 3-besturingselementen en Fluent Design. Bevat een goed onderbouwd opzoekhulpmiddel voor besturingselementen op basis van de catalogus van de WinUI Gallery en Community Toolkit
winui-code-review Controleert uw code op juistheid en antipatronen van WinUI 3
winui-ui-testing Hiermee worden UI-tests gegenereerd met behulp van Windows UI Automation
winui-packaging Begeleidt MSIX-verpakking, ondertekening en indiening bij de Store
winui-wpf-migration Migreert WPF code naar WinUI 3 met toewijzingen op API-niveau
winui-session-report Geeft een overzicht van wat er is ingebouwd in een sessie en stelt de volgende stappen voor

Bladeren en meer invoegtoepassingen ontdekken

U kunt rechtstreeks vanuit VS Code door Copilot-invoegtoepassingen bladeren en installeren met behulp van de Awesome Copilot-extensie, waarmee u resources uit de communityopslagplaats kunt bekijken en installeren in uw werkruimte.

Verwante inhoud

  • Last updated on