Utiliser les extensions de canvas dans l’application GitHub Copilot

Utilisateurs de Copilot Business, Copilot Entreprise, Copilot Pro et Copilot Pro+ — Téléchargez et installez depuis le GitHub application Copilot dépôt. Pour Copilot Business et Copilot Entreprise, votre organisation ou entreprise doit activer les fonctionnalités en préversion et Copilot pour CLI.

* ** Copilot gratuit utilisateurs et utilisateurs sans Copilot plan** : pour demander l’accès, rejoignez la liste d’attente.

À propos des extensions de canvas

Une extension de canevas est une surface interactive partagée pour un artefact de travail, comme un plan, un tableau de triage, une session de navigateur, une liste de contrôle de publication, un tableau de bord, un incident ou une feuille de calcul.

Bien que la conversation soit utile pour définir l’intention et discuter des tâches, la plupart du travail se produit dans des surfaces de travail telles qu’un terminal, un navigateur, un document ou un tableau de bord. Les Canvases vous permettent de collaborer directement avec l’agent dans ces espaces de travail.

Les canevas sont bidirectionnels : l’agent peut mettre à jour le canevas pendant qu’il fonctionne, et vous pouvez modifier sur cette même surface. Lorsque vous créez un canevas, l’agent génère des capacités en fonction de votre instruction et de votre flux de travail. Lorsque vous effectuez une itération, vous pouvez lui demander d’ajouter, de supprimer ou de réviser ces fonctionnalités. Une fois créés, les canevas s’ouvrent dans le volet latéral droit de l’application.

Par exemple, vous pouvez créer un canevas kanban agentique où les utilisateurs utilisent des contrôles d’interface utilisateur pour créer ou déplacer des cartes, et demander à l’agent d’ajouter des fonctionnalités pouvant être appelées par agent telles que get_board, add_cardet move_card. Cela permet aux personnes et aux agents de coordonner le travail à partir d’un tableau partagé.

Pourquoi utiliser un canevas

Les canevas sont utiles lorsqu’une tâche ou un flux de travail a besoin d’une structure, d’une itération et d’une vérification, et qu’une conversation n’est pas suffisante. Vous pouvez utiliser le chat pour donner des instructions à l’agent et lever les ambiguïtés par le raisonnement, puis utiliser l’espace de travail pour inspecter, orienter et vérifier directement le travail visible, sans devoir vous appuyer uniquement sur des prompts.

Les canevas fournissent deux types de valeur : ils améliorent le partenariat de l’agent humain en donnant aux deux côtés une surface partagée dans laquelle travailler, et vous permettent de personnaliser cette surface pour qu’elle corresponde à votre flux de travail.

Les canevas sont utiles lorsque vous devez :

• Ancrez l’agent dans un artefact ou un environnement réel adapté à votre flux de travail.
• Dirigez ou corrigez le travail directement sur la surface partagée, puis laissez l’agent continuer à partir de ces modifications.
• Inspectez la progression et les résultats en tant que modifications visibles d’un artefact partagé, et pas seulement les réponses de conversation.
• Assurez la continuité du travail entre les interactions, les sessions et les transferts.

Exemples de cas d’usage

Les extensions de canevas peuvent être personnalisées pour répondre à vos besoins ou aux besoins de votre équipe dans un éventail de scénarios. Par exemple:

• Tableaux kanban pilotés par des agents : Permettez aux humains et aux agents d’ajouter des cartes, de faire avancer le travail et de lancer des tâches.
• Tableaux de triage des problèmes : Résumez les principaux problèmes, les thèmes récurrents et les points de friction des utilisateurs d’un dépôt.
• Tableaux Markdown : Créez un fichier Markdown persistant pour planifier votre journée, hiérarchiser les problèmes et les pull requests, lancer et surveiller les sessions d’agent, et regrouper le travail associé dans un espace modifiable.
• Canevas de document : Ouvrez, modifiez et collaborez sur des documents, des feuilles de calcul, des jeux de diapositives et d’autres artefacts directement dans l’application.

Création d’un canevas

Vous pouvez créer un nouveau tableau au sein d’une session grâce à la compétence /create-canvas.

1. Ouvrez ou démarrez une session d’agent.

2. Dans la zone d’invite, tapez /create-canvas, puis décrivez le flux de travail et les fonctionnalités que vous souhaitez prendre en charge par le canevas, y compris ce que les personnes doivent être en mesure de faire et ce que l’agent doit pouvoir faire. Par exemple, vous pouvez demander à l’agent de :

   • Create an agentic kanban canvas with actions to create, assign, and move cards.
   • Create a markdown canvas that combines my meetings with prioritized issues and pull requests, then lets me launch and track agent sessions from that canvas.

3. Vous pouvez choisir si le canevas doit être partagé avec votre équipe ou conservé personnel :

   • Project scope :.github/extensions pour les canevas partagés en équipe validés dans le référentiel.
   • Étendue de l’utilisateur :~/.copilot/extensions pour les canevas personnels sur votre machine.

L’agent créera le canevas et l’ouvrira dans le panneau de droite une fois l’opération terminée. Après cela, vous pouvez continuer à itérer en demandant à l’agent de modifier l’interface, l’état partagé et les fonctionnalités.

Structure des extensions de canvas

Chaque extension de canevas réside dans son propre répertoire sous .github/extensions (étendue du projet) ou ~/.copilot/extensions (étendue de l’utilisateur).

Bien que les implémentations puissent varier, une extension de canevas inclut généralement les éléments suivants :

• Fichier package.json pour les métadonnées d’extension et les dépendances.
• Fichier d’entrée d’extension, tel que extension.mjs, qui définit le comportement et les fonctionnalités du canevas.
• Artefacts JSON facultatifs (par exemple, fichiers dans un répertoire artifacts) pour les données persistées du canevas et l’état.

Lorsqu’un canevas s’ouvre dans le volet latéral de l’application, les personnes et les agents interagissent avec ce même état partagé par le biais d’actions d’interface utilisateur et de fonctionnalités pouvant être appelées par agent.

Travailler dans un canevas

Une fois qu’un canevas est ouvert, vous pouvez procéder rapidement à des itérations avec l’agent.

• Ajoutez ou modifiez les fonctionnalités du canevas.
• Utilisez des contrôles de la zone de dessin (tels que des boutons, des cartes ou des filtres) pour mettre à jour directement la surface.
• Demandez à l’agent d’appeler des fonctionnalités exposées par le canevas pour mettre à jour les données ou effectuer des actions.

Lectures complémentaires

• Travailler avec les sessions de l’agent dans l’application GitHub Copilot.
• Personnalisation de l’application GitHub Copilot.