When chat is the wrong UI

Transcript

1. > /create-canvas_ Veille technologique · Réunion R&D mensuelle Quand le chat n'est pas la bonne interface Les canvases de GitHub Copilot : construire l'outil adapté plutôt que tout demander à l'IA Islam MAAMRI · Octobre 2026 · Article : « When chat is the wrong UI », Burke Holland, The GitHub Blog
2. Partie 1 Mon plan de veille Mes rubriques, mes sources, mon agrégateur, et comment je partage ce que je trouve.
3. Étape 1 · Mindmap Les rubriques de mon magazine idéal IA pour les devs UX / UI design Copilot · agents · MCP · prompts Figma · design system · accessibilité Front‑end JavaScript · React · CSS · Web Audio Dev & IA Mag le magazine de ma veille Outils & DevOps Git · GitHub · VS Code · CI/CD Back‑end & data Sécurité & éthique Node.js · API REST · SQL · SQLite failles · RGPD · IA responsable
4. Étape 2 · Sources Mes sources, par type Newsletters Flux RSS Réseaux sociaux YouTube JavaScript Weekly Frontend Focus TLDR Web Dev The GitHub Blog Smashing Magazine CSS‑Tricks LinkedIn : GitHub X : @github, @code Bluesky : devs front Fireship Grafikart (FR) GitHub Podcasts Groupes Google Alerts Sites FR Syntax Les Cast Codeurs (FR) Reddit r/webdev Reddit r/GithubCopilot dev.to « GitHub Copilot » « MCP Apps » « Web Audio API » Journal du Hacker Alsacréations
5. Étape 3 · Agrégateur Tout arrive dans Inoreader a. Conversions et filtres b. Inputs (dossiers) c. Outputs (tags) Source Outil → RSS IA pour les devs À présenter en R&D Newsletters Kill the Newsletter Front‑end Outils à tester YouTube Flux natif de la chaîne Back‑end & data Tutos à garder Reddit Ajouter .rss à l'URL UX / UI design À lire plus tard Google Alerts Option « flux RSS » LinkedIn / X rss.app Filtre SiftRSS sur « Copilot », « agent », « MCP » Outils & DevOps Sécurité & éthique
6. Étape 3 · En vrai Mon Inoreader : inputs et outputs Inputs : mes sources rangées en dossiers par rubrique Outputs : mes articles gardés, classés par étiquette Conversion : ma Google Alert « sécurité web » est envoyée en flux RSS au lieu d'un e‑mail, puis ajoutée dans le dossier Sécurité & éthique.
7. Étape 4 · Diffusion Comment je partage ma veille Instantanée LinkedIn : je partage un article directement depuis Inoreader avec un court commentaire Raindrop : collection publique « Veille Dev & IA », lien sur mon profil LinkedIn IA : un assistant IA m'aide à trier et résumer les articles taggés Différée Article clé Recherches + notes Notion Synthèse en slides Publication SlideShare Partage LinkedIn + équipe
8. Mon choix d'article En une phrase When chat is the wrong UI Auteur : Burke Holland Publié le : 24 septembre 2026 Source : The GitHub Blog — AI & ML / GitHub Copilot Lecture : 6 minutes Issu de ma veille · classé dans mes outputs · partagé github.blog/ai-and-ml/github-copilot/when-chat-is-the-wrong-ui Le chat est l'interface par défaut de l'IA, mais quand on sait ce qu'on veut faire, mieux vaut une interface faite pour la tâche. GitHub appelle ça un canvas : une petite application qui tourne dans l'app Copilot et dialogue avec l'agent.
9. Synopsis de l'article When chat is the wrong UI, en quatre points Le problème La solution On utilise l'IA presque uniquement par le chat, même pour des gestes simples. Ça gaspille des tokens et ça rend les workflows difficiles à piloter. Les canvases : de petites applications créées par l'agent dans l'app GitHub Copilot, que l'humain et l'IA utilisent ensemble. La concurrence L'actualité MCP Apps (standard ouvert), ChatGPT Apps SDK, Artifacts de Claude : tous cherchent à sortir l'IA de la zone de texte. App Copilot ouverte à tous en juillet 2026, série d'articles GitHub sur les canvases, GitHub Universe fin octobre.
10. Choix de l'article · Preuves Dans ma veille, classé et partagé Ma collection publique Raindrop « Veille Dev & IA » Dans Inoreader, source GitHub Blog, étiquette « À présenter en R&D » maamriislamjr.raindrop.page Mon post LinkedIn qui partage l'article
11. Partie 2 Ma synthèse personnelle Les canvases de GitHub Copilot : principe, contexte, concurrence et mon avis.
12. Le problème : on demande tout au chat 01 02 03 Une interface par défaut Des gestes simples deviennent des prompts Des tokens gaspillés Le chat s'est imposé parce qu'il marche pour tout le monde, quand on ne sait pas encore ce que l'utilisateur va faire. Commiter, lancer une requête SQL, gérer des paquets… on écrit un message là où un bouton suffirait. Chaque petite action passe par l'agent et consomme du calcul payant, alors qu'un outil le ferait gratuitement. L'idée de l'auteur : demander à l'IA de construire l'outil une fois, plutôt que d'utiliser l'IA comme outil à chaque fois.
13. En quoi c'est utile pour notre équipe ? DEV Une interface pour la base de données au lieu de prompts répétés Un tableau de bord du workflow agent : recherche → prototype → plan → code, avec validations Des outils internes versionnés dans le repo et partagés DES Un espace visuel pour relire et valider ce que l'agent produit Un kanban ou un tableau de tri partagé avec l'agent Un nouveau terrain de conception : l'UX des outils qui travaillent avec une IA
14. Le principe : un canvas partagé Moi J'agis avec des boutons, formulaires, éditeurs Bidirectionnel : l'agent modifie le canvas pendant qu'il travaille, et je peux modifier la même surface. Canvas Agent Copilot Petite app full‑stack : interface + serveur, état partagé Appelle les capacités du canvas et le met à jour Capacités : le canvas expose des fonctions à l'agent, par exemple get_board, add_card, move_card. Pas qu'une page web : il peut appeler des API externes et exécuter du code en local.
15. Comment on en crée un 1 Dans une session de l'app Copilot, taper /create-canvas puis décrire en français courant ce que l'humain et l'agent doivent pouvoir faire. .github/extensions/ # équipe mon-canvas/ package.json 2 3 Choisir la portée : partagé avec l'équipe dans le repo, ou personnel sur sa machine. L'agent construit le canvas et l'ouvre. On continue à l'améliorer en lui demandant des changements. extension.mjs artifacts/*.json ~/.copilot/extensions/ # perso Source : documentation GitHub, « Working with canvas extensions in the GitHub Copilot app »
16. Les exemples de l'article Puissance 4 Winget SQLite On joue contre l'agent : démo du dialogue canvas ↔ agent. Chercher, installer, désinstaller des paquets Windows. Aucune IA à l'usage. Écrire ses requêtes soi‑même, avec autocomplétion, au lieu de passer par le chat. Éditeur de blog Workflow agent Rédiger ses articles Jekyll dans un éditeur visuel plutôt qu'en Markdown brut. Recherche → prototype → plan → implémentation → itération → finalisation, avec des étapes de validation. Le canvas SQLite se fait en un prompt ; le workflow a pris presque une journée.
17. Contexte : qui, quand, où, combien Forfait Copilot Prix / mois Free / Student 0$ Quand Pro 10 $ Juin 2026 avec la version stable de l'app ; app ouverte à tous les forfaits le 7 juillet 2026 Pro+ 39 $ Max 100 $ Où Business (par siège) 19 $ Enterprise (par siège) 39 $ Par qui GitHub (groupe Microsoft), dans l'app GitHub Copilot App de bureau macOS, Windows et Linux, panneau de droite Facturation à l'usage en crédits IA depuis juin 2026. Possible aussi sans abonnement avec sa propre clé API. Tarifs relevés en juillet 2026, à revérifier sur github.com/features/copilot/plans
18. Suivi et actualité ≈ 38 k 4+ 2–3 k étoiles pour awesome‑copilot, le dépôt communautaire officiel qui contient le catalogue de canvases articles du GitHub Blog sur les canvases depuis août 2026 : tutoriel débutant, workflows, interfaces interactives crédits pour construire un canvas, selon l'expérience de GitHub, compensés ensuite par moins de prompts Documentation : page officielle docs.github.com + Learning Hub d'Awesome Copilot À suivre : GitHub Universe, 28–29 octobre 2026 à San Francisco et en ligne
19. Concurrence et alternatives Solution Principe Différence avec les canvases MCP Apps (Anthropic, OpenAI, communauté) Standard ouvert depuis janvier 2026 : un outil renvoie une interface interactive dans le chat Marche dans Claude, ChatGPT, VS Code… mais l'UI reste dans la conversation ChatGPT Apps SDK (OpenAI) Des apps tierces affichées dans ChatGPT Pensé pour des apps publiées, pas pour ses propres outils de dev Artifacts / UI générative (Claude) Claude génère pages, apps et documents dans un panneau Très souple, mais moins lié au repo et au code local Canvases (GitHub) App full‑stack locale qui dialogue avec l'agent Exécute du code local, versionnée et partagée via le repo Tous vont dans la même direction : sortir le travail avec l'IA de la simple zone de texte.
20. Avantages et inconvénients + Avantages Une interface adaptée à la tâche, moins de prompts répétés Économie de tokens : l'outil est gratuit une fois construit Partageable et versionné avec le repo L'humain garde la main avec des validations visibles Se crée en langage naturel avec /create-canvas − Inconvénients Lié à l'app GitHub Copilot, pas un standard ouvert Coût de départ en crédits et en temps pour un workflow complexe Exécute du code en local : il faut relire et sécuriser Fonction très récente qui change vite Offre et prix Copilot encore mouvants en 2026
21. Conclusion Le chat sert à dire ce qu'on veut. Le canvas sert à travailler. Mon avis L'idée est pertinente pour l'équipe : au lieu de répéter les mêmes prompts, on se construit de petits outils. Je testerais d'abord un cas simple, comme un canvas pour une base de données ou un tableau de suivi, avant un workflow complet. Point d'attention : rester prudent sur le code exécuté en local et sur le coût en crédits.
22. Diffusion différée Ma synthèse est publiée et partagée [Capture SlideShare] [Capture LinkedIn] La présentation publiée en ligne Le post qui partage ma publication Lien : [à compléter]
23. Sources Holland, B. « When chat is the wrong UI », The GitHub Blog, 24/09/2026 — github.blog GitHub Docs, « Working with canvas extensions in the GitHub Copilot app » — docs.github.com Cinnamon, K. « GitHub Copilot app for Beginners: custom workflows with canvases », The GitHub Blog — github.blog Awesome GitHub Copilot, catalogue d'extensions et Learning Hub — awesome-copilot.github.com GitHub Changelog, « GitHub Copilot app available to all », 07/07/2026 — github.blog GitHub Docs, « Plans for GitHub Copilot » — docs.github.com WorkOS, « MCP Apps are here », 27/01/2026 — workos.com Islam MAAMRI · Octobre 2026