Sketch :
dessinez-le, et l'agent voit ce que vous voulez dire
Sketch est un canvas de dessin integre directement au composer de l'agent IA. Ouvrez un canvas vierge pour croquer une maquette ou un schema, ou ouvrez une capture d'ecran pour l'annoter. Entourez le bug, tracez une fleche, surlignez la zone, ajoutez une note. Le dessin est joint a votre message et envoye a votre agent de code IA.
Un dessin vaut mille mots, et c'est encore plus vrai pour un agent IA. Au lieu d'ecrire 'le bouton en haut a droite de la modale est trop colle au bord', vous l'entourez. Le croquis arrive a cote de votre prompt, l'agent recoit le retour visuel d'un coup, et vous n'avez jamais quitte le terminal.
Sketch en action : ouvrez le canvas depuis le composer, entourez le bug visuel sur une capture, joignez le dessin, envoyez-le a l'agent.
Voici le probleme que Sketch resout. Vous faites du vibe coding avec un agent IA et quelque chose cloche a l'ecran. Une card deborde, un bouton est decale de quelques pixels, l'espacement d'une ligne est casse. Pour que l'agent corrige, vous devez decrire le probleme visuel avec des mots. 'La deuxieme card de la colonne du milieu, celle avec l'avatar, son padding est trop serre a droite.' Vous ecrivez trois phrases, l'agent devine, il corrige le mauvais element, vous reecrivez trois phrases.
Sketch supprime la devinette. Vous prenez une capture d'ecran, vous l'ouvrez dans le canvas Sketch, vous tracez un cercle rouge autour de la card cassee, vous ajoutez une fleche et le mot 'trop serre ici', et vous joignez le tout a votre message. L'agent n'interprete plus un paragraphe. Il regarde le dessin. Le retour visuel n'est pas ambigu, parce qu'il est visuel.
Sketch marche aussi dans l'autre sens. Partez d'un canvas vierge et croquez ce que vous voulez avant que l'agent ne le construise : une maquette rapide d'un ecran, un wireframe d'une mise en page, un schema d'un flux. Un croquis a main levee cadre l'agent mieux qu'un mur de texte. Vous dessinez le prototype, l'agent le code.
Le canvas Sketch ouvert depuis le composer : annotez une capture d'ecran, dessinez des formes et des fleches, puis joignez le dessin au message envoye a votre agent.
Pourquoi Sketch a sa place dans votre workflow d'agent
La precision. Un cercle sur une capture pointe un element exact. Une phrase pointe une supposition. Quand vous dessinez le probleme, l'agent corrige la chose que vous vouliez vraiment, pas celle d'a cote. Fini les 'non, l'autre bouton, celui d'en dessous'.
La vitesse. Tracer un rectangle autour d'une zone prend trois secondes. Decrire cette meme zone avec des mots prend trois phrases, et les phrases restent ambigues. Sketch transforme l'annotation d'un bug visuel d'une corvee en un reflexe.
L'expression. Certaines idees sont des formes, pas des phrases. Une mise en page, un flux, un ecran. Avec Sketch vous dessinez la maquette ou le schema directement, a main levee ou avec des formes et des fleches, et vous donnez le dessin a l'agent comme specification.
Le flow. Sketch vit dans le composer. Vous n'ouvrez pas une appli de dessin separee, vous n'exportez pas de fichier, vous ne glissez rien. Le dessin et votre prompt ecrit voyagent ensemble dans le meme message, donc l'agent recoit tout le contexte d'un coup.
Comment Sketch fonctionne, de bout en bout
Du bouton Sketch dans le composer jusqu'a un dessin joint au message de l'agent.
Ouvrir Sketch depuis le composer
Chaque composer d'agent a un bouton Sketch. Cliquez dessus et un canvas de dessin plein ecran s'ouvre, pret a l'emploi, avec l'outil rectangle deja actif pour que vous puissiez encadrer immediatement.
Dessiner sur un canvas vierge, ou annoter une image
Partez d'un canvas vierge pour croquer une maquette, un wireframe ou un schema. Ou ouvrez une image existante : deposez une capture d'ecran dans le composer, puis cliquez le crayon sur sa vignette (ou Annoter dans la preview de fichier) pour dessiner par-dessus.
Dessiner, entourer, flecher, surligner, ecrire
Le canvas vous donne le trace a main levee, les rectangles, les ellipses, les fleches, les lignes et le texte. Entourez un element casse, pointez une fleche dessus, surlignez une zone, ecrivez une note a cote. Tout ce qui rend le retour visuel evident.
Joindre le dessin a votre message
Cliquez sur Joindre au message. Le canvas est exporte en PNG et ajoute en vignette dans le composer, exactement comme un fichier depose. Quand vous annotez une image existante, la version annotee remplace la vignette d'origine, donc l'agent ne recoit jamais les deux.
L'envoyer a l'agent
Ecrivez votre prompt comme d'habitude et envoyez. Le PNG est joint au message via le meme pipeline que n'importe quel autre fichier. Le dessin et votre texte arrivent a l'agent ensemble, en un seul tour.
L'agent lit le dessin
Votre agent de code IA recoit le croquis comme une image jointe. Tant que son modele gere l'entree image, il voit exactement ce que vous avez entoure, fleche et surligne, et il agit sur le retour visuel au lieu d'analyser une description.
Deux facons d'utiliser Sketch
Partir de rien, ou dessiner par-dessus ce qui existe deja.
Canvas vierge : croquer une maquette
Ouvrez un canvas vide et dessinez ce que vous voulez que l'agent construise. Une maquette rapide d'un ecran, un wireframe d'une mise en page, un prototype d'un composant, un schema d'un flux de donnees. Traces a main levee, boites, fleches et labels texte. Un croquis a main levee est une specification que l'agent peut suivre sans que vous ecriviez un seul paragraphe de description d'interface.
Annoter : dessiner sur une capture
Chargez une capture d'ecran ou n'importe quelle image dans le canvas et marquez-la. Entourez l'element mal aligne, tracez une fleche vers le debordement, surlignez la mauvaise couleur, ecrivez 'corriger ca' a cote du bug. Le canvas Sketch s'ouvre avec votre image en calque de fond, vous dessinez par-dessus, et la capture annotee part directement a l'agent comme retour visuel.
Ce qu'est vraiment Sketch
Sketch est un canvas de dessin complet integre a l'application desktop AgentsRoom, ouvert depuis le composer de n'importe quel agent IA. Ce n'est pas un visualiseur de capture avec un marqueur par-dessus. Vous avez de vrais outils de dessin : stylo a main levee, rectangles, ellipses, fleches, lignes et texte, la boite a outils qu'on attend d'une vraie surface de croquis.
Le canvas tourne en deux modes. Le mode vierge vous donne une surface vide pour les maquettes, les wireframes et les schemas. Le mode annotation charge une image existante en fond et vous laisse dessiner par-dessus. Vous atteignez le mode annotation depuis la vignette de n'importe quelle image deja jointe au composer, ou depuis le bouton Annoter dans la preview de fichier.
Quand vous joignez le dessin, Sketch exporte le canvas en PNG sur fond blanc pour que chaque trace reste lisible, puis depose le fichier dans le tray de pieces jointes du composer. De la, le dessin suit le chemin normal : il part avec votre prompt et est envoye a l'agent comme une image. Sketch n'ajoute aucun nouveau mecanisme d'envoi, il se branche sur celui qui existe deja.
Tout reste sur votre machine. Les croquis sont sauvegardes localement sur le disque et ne sont pas commites dans votre depot ni envoyes a un service tiers. Ils sont transitoires par conception : un dessin est du contexte pour un message, pas un fichier a gerer. Sketch est local, prive et agnostique au fournisseur : il fonctionne avec n'importe quel agent dont le modele accepte une image, donc les configurations Claude Code et Codex profitent du meme flux dessin-vers-agent.
Ce que les gens dessinent avec Sketch
Trois usages qui font du dessin la facon la plus rapide de parler a un agent.
Signaler un bug visuel
Capturez l'interface cassee, entourez l'element, flechez le debordement, surlignez le mauvais espacement. L'agent voit le bug visuel au lieu de decoder votre description. La facon la plus rapide de signaler une regression d'interface a un agent IA.
Croquer une maquette ou un wireframe
Dessinez l'ecran avant que l'agent ne le construise. Un wireframe rapide, un croquis de mise en page, une maquette basse fidelite d'un composant. Donnez le dessin a l'agent comme brief et laissez-le transformer votre croquis en code.
Dessiner un schema ou un flux
Certaines explications sont des schemas. Un flux de donnees, une machine a etats, la structure d'une page, comment deux composants dialoguent. Croquez-le avec des boites et des fleches et envoyez le schema a l'agent comme contexte.
Le decrire avec des mots ou le dessiner
Meme retour visuel, meme agent. Un chemin est lent et ambigu, l'autre est un croquis.
Sans Sketch
- : Vous decrivez le probleme visuel avec des mots en esperant que l'agent imagine la meme chose.
- : Vous ecrivez trois phrases pour pointer un element, et c'est encore ambigu.
- : Pour dessiner une maquette vous ouvrez une appli separee, exportez un fichier, puis le glissez dans le composer.
- : Le changement de contexte casse votre flow et la conversation avec l'agent.
- : L'agent corrige le mauvais element, vous reexpliquez, la boucle s'eternise.
Avec Sketch
- : Vous entourez l'element sur une capture et le retour n'est pas ambigu.
- : Un dessin remplace trois phrases de description, en trois secondes.
- : Le canvas est dans le composer : pas d'appli separee, pas d'export, pas de glisser-deposer.
- : Vous ne quittez jamais le terminal et ne cassez jamais le fil avec l'agent.
- : L'agent voit exactement ce que vous vouliez dire et le corrige du premier coup.
Sketch est le plus court chemin entre un probleme visuel et un agent IA qui le comprend.
FAQ
Qu'est-ce que Sketch dans AgentsRoom ?
Sketch est un canvas de dessin integre au composer de l'agent IA. Vous l'ouvrez depuis le composer, vous dessinez un croquis sur un canvas vierge ou vous annotez une capture d'ecran existante, et le dessin est exporte en PNG et joint au message que vous envoyez a votre agent de code IA. Le retour visuel devient quelque chose que vous dessinez au lieu de quelque chose que vous decrivez.
Comment envoyer un dessin a un agent IA ?
Cliquez le bouton Sketch dans le composer de l'agent, dessinez sur le canvas, puis cliquez Joindre au message. Le dessin devient une vignette PNG dans le composer. Ecrivez votre prompt et envoyez : le croquis est joint au message et arrive a l'agent en meme temps que votre texte.
Puis-je annoter une capture d'ecran ?
Oui. Deposez une capture d'ecran dans le composer, puis cliquez le crayon sur sa vignette, ou ouvrez la preview de fichier et cliquez Annoter. Le canvas Sketch s'ouvre avec votre capture en calque de fond pour que vous dessiniez par-dessus : entourez un bug, ajoutez une fleche, surlignez une zone, ecrivez une note. La capture annotee remplace l'originale quand vous la joignez.
Que puis-je dessiner avec Sketch ?
Le canvas vous donne le trace a main levee, les rectangles, les ellipses, les fleches, les lignes et le texte. Vous pouvez croquer une maquette, dessiner un wireframe, poser un schema, ou marquer une capture avec des cercles, des fleches et des surlignages. L'outil rectangle est actif par defaut pour que vous puissiez encadrer un element des l'ouverture du canvas.
L'agent IA voit-il vraiment mon croquis ?
Le dessin est joint a votre message comme une image PNG. Tant que le modele de l'agent gere l'entree image, il voit le croquis et agit dessus. Claude et les modeles de la classe GPT-4 qui font tourner Claude Code et Codex lisent les images, donc l'agent recoit votre retour visuel directement.
Quels agents et fournisseurs fonctionnent avec Sketch ?
Sketch joint une image PNG standard, il est donc agnostique au fournisseur. N'importe quel agent dont le modele accepte une entree image fonctionne : Claude Code, Codex et les autres CLI que AgentsRoom supporte. Il n'y a aucune configuration specifique a un fournisseur.
Ai-je besoin d'une appli de dessin ou d'un whiteboard separe ?
Non, et c'est tout l'interet de Sketch. Le canvas de dessin est dans le composer. Vous n'ouvrez pas Excalidraw, Figma ou un annotateur de captures dans une autre fenetre, vous n'exportez pas de fichier, vous ne le reglissez pas. Sketch garde toute la boucle dessiner-puis-envoyer dans le terminal.
Ou sont sauvegardes mes croquis ? Sont-ils prives ?
Les croquis sont sauvegardes localement sur votre propre machine. Ils ne sont pas commites dans votre depot git et pas envoyes a un service tiers. Ils sont transitoires : un croquis est du contexte pour un message, et les vieux croquis sont nettoyes automatiquement.
Puis-je re-editer ou re-annoter un croquis ?
Oui. N'importe quelle image dans le composer, y compris une capture que vous avez deja annotee, peut etre rouverte dans le canvas Sketch pour dessiner dessus a nouveau. Quand vous joignez la nouvelle version, elle remplace la vignette precedente, donc l'agent ne recoit jamais deux fois la meme image.
Pourquoi dessiner un bug plutot que le decrire ?
Parce qu'une description est une supposition et un dessin n'en est pas une. Quand vous ecrivez 'le bouton en haut a droite est mal aligne', l'agent doit reconstruire l'ecran dans sa tete. Quand vous entourez le bouton sur une capture, il n'y a rien a reconstruire. Un dessin vaut mille mots, et pour un retour visuel a un agent IA il vaut aussi plusieurs tours gaches.
Va bien avec
Automatisation navigateur
Votre agent QA pilote un vrai navigateur et capture des screenshots. Sketch est la facon d'annoter un de ces screenshots et de renvoyer le retour marque.
Scratchpad
Un bloc-notes pour les prompts et les notes dans AgentsRoom. Scratchpad gere les mots, Sketch gere le dessin : les deux alimentent le meme composer d'agent.
Revue de vibe coding
Voyez chaque fichier que l'agent modifie en temps reel. Quand un changement parait faux a l'ecran, Sketch est la facon la plus rapide de le pointer.
Figma vers agents IA
Amenez un design Figma dans le workflow de l'agent. Sketch en est le cousin plus rapide et plus brut : une maquette a main levee directement dans le composer quand un fichier de design complet est inutile.
Arretez de decrire le bug. Dessinez-le.
Telechargez AgentsRoom et utilisez Sketch : un canvas de dessin dans le composer de l'agent pour croquer des maquettes et annoter des captures d'ecran, puis envoyer le dessin a votre agent de code IA sans jamais quitter le terminal.
App companion : suivez vos agents en déplacement
Utilisez Claude, Codex, Gemini CLI ou un autre fournisseur IA.
Remontez bugs et demandes directement dans votre backlog public.