Plug-in d’agent WinUI pour GitHub Copilot CLI et Claude Code

Le plugin winui@awesome-copilot fournit à GitHub Copilot CLI et à Claude Code des informations précises et à jour sur WinUI 3 et le SDK d’application Windows. Il comprend 8 compétences spécialisées et un agent dédié winui-dev qui guide l’IA dans la boucle de développement complète ( génération, exécution, test, package et migration).

Note

Ce plug-in fonctionne avec l’interface CLI GitHub Copilot (outil de terminal) et Claude Code. Il ne s’intègre pas actuellement à VS Code Copilot Chat. Pour obtenir de l’aide à l’IA basée sur VS Code sans le plug-in, consultez le guide de démarrage rapide.

Pourquoi ai-je besoin de ce plug-in ?

Sans le plug-in, les agents de codage IA suggèrent fréquemment des modèles UWP obsolètes pour le développement Windows. UWP dispose de bien plus de données d’entraînement (réponses sur Stack Overflow, exemples sur GitHub, didacticiels) que WinUI 3 ; les agents utilisent donc par défaut des API obsolètes :

Sans plug-in Avec le plug-in
Windows.UI.Xaml.Controls Microsoft.UI.Xaml.Controls
CoreDispatcher DispatcherQueue
MessageDialog ContentDialog
Windows.UI.Xaml.Window Microsoft.UI.Xaml.Window

Le plug-in corrige cela en injectant des règles WinUI 3 explicites en tant qu’instructions personnalisées qui remplacent les valeurs par défaut des données d’entraînement de l’agent.

Installer le plug-in

Nécessite :application Windows 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

Cela installe le plug-in globalement pour l’utilisateur sur ~\.copilot\installed-plugins\. Vérifier avec : 

gh copilot plugin list

Claude Code

Claude Code utilise son propre registre de plug-ins :

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

À utiliser avec GitHub Copilot CLI

L’interface CLI GitHub Copilot s’exécute dans votre terminal. Utilisez l’agent @winui-dev en l’incluant dans votre invite :

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

Pour une session interactive où vous pouvez poser des questions de suivi :

copilot -i

Tapez ensuite vos demandes directement, par exemple : @winui-dev Ajouter une zone de recherche à mon application de liste de fichiers.

Pour configurer votre machine pour le développement WinUI 3, exécutez d’abord la winui-setup compétence :

gh copilot -p "/winui-setup"

Utiliser avec Claude Code

Après avoir installé le plug-in, utilisez l’agent dans l’interface @winui-dev de conversation de Claude Code de la même façon : préfixez votre demande @winui-dev.

L’agent winui-dev

L’agent winui-dev orchestre la boucle de développement complète. Il sait gérer chaque étape, reconnaître les schémas d’échec courants dans lesquels les agents génériques se retrouvent bloqués en boucle, et orienter l’exécution vers des approches WinUI 3 éprouvées.

L’agent charge winui-design et winui-dev-workflow par défaut, ce qui couvre de bout en bout la plupart des demandes du type « crée-moi une application WinUI 3 ». Il mobilise les autres compétences selon les besoins en fonction de votre demande.

Les 8 compétences

Le plug-in comprend 8 compétences spécialisées. L’agent winui-dev sélectionne automatiquement la compétence appropriée en fonction de votre demande.

Habileté Qu’est-ce que cela fait ?
winui-setup Installe et vérifie les prérequis de l’ordinateur : .NET SDK, WinApp CLI, modèles WinUI 3, mode développeur. Exécuter explicitement avec /winui-setup; l’agent ne le charge pas automatiquement
winui-dev-workflow Guide la boucle « structure de base → compiler → exécuter → itérer »
winui-design Génère des dispositions XAML à l’aide de contrôles WinUI 3 et Fluent Design. Inclut un outil de recherche de contrôle ancré sur le catalogue WinUI Gallery et Community Toolkit
winui-code-review Passe en revue votre code WinUI 3 pour vérifier sa conformité et détecter les anti‑patterns
winui-ui-testing Génère des tests d’interface utilisateur à l’aide de Windows UI Automation
winui-packaging Guides sur le packaging MSIX, la signature et la soumission au Microsoft Store
winui-wpf-migration Migre WPF code vers WinUI 3 avec des mappages au niveau de l’API
winui-session-report Résume ce qui a été créé dans une session et suggère les étapes suivantes

Parcourir et découvrir d’autres plug-ins

Vous pouvez parcourir et installer des plug-ins Copilot directement à partir de VS Code à l’aide de l’extension Copilot Awesome, ce qui vous permet d’afficher un aperçu et d’installer des ressources à partir du référentiel de la communauté dans votre espace de travail.

Contenu connexe

  • Last updated on