Canvas : un volet d’aperçu en direct pour tout ce qu’un modèle écrit

La plupart des outils de chat vous tendent un bloc de code et vous souhaitent bonne chance. Vous le copiez dans un éditeur, enregistrez un fichier, ouvrez un navigateur, constatez que c’est légèrement faux, retournez au chat, collez la correction, et recommencez. Canvas supprime chaque étape de cette boucle sauf les deux qui comptent : demander, et regarder.

Ce qu’est Canvas

Quand la réponse d’un modèle contient quelque chose de rendu, un volet d’aperçu s’ouvre à côté de la conversation et l’affiche en direct. Le HTML se rend comme une page. Le SVG se rend comme l’image. Un bloc Mermaid devient le diagramme. Le Markdown devient du texte mis en forme. Vous voyez le résultat, pas la source, à l’instant où le modèle finit de l’écrire.

Le chat reste à gauche, l’artefact rendu à droite. Vous continuez à parler — « rends l’en-tête plus petit », « prends un fond plus sombre », « ajoute un nœud pour le chemin de réessai » — et l’aperçu se met à jour au fil des révisions du modèle. Pas de copie, pas de collage, pas de seconde appli.

Là où il gagne sa place

Quelques choses qu’il transforme d’une corvée en une conversation :

• Sections de landing et HTML d’e-mail. Décrivez une section hero, regardez-la se rendre, ajustez l’espacement et la couleur en langage clair jusqu’à ce que ça soit bon. Vous itérez sur la chose elle-même, pas sur une description de la chose.
• Diagrammes. Demandez un organigramme d’un handshake d’auth ou un diagramme de séquence d’une requête. Mermaid le rend instantanément, et « échange ces deux étapes » est une phrase au lieu d’un redessin manuel.
• Graphiques et SVG. Croquis de données rapides, icônes, illustrations simples. Vous les voyez en taille réelle et les affinez en parlant.
• Textes longs. Le Markdown se rend avec de vrais titres et une vraie structure, si bien que vous lisez le document comme le lira un lecteur, au lieu de plisser les yeux sur des astérisques bruts.

Ça marche avec le sélecteur de modèle

Canvas n’est pas lié à un seul fournisseur. Brouillonnez une mise en page avec un modèle rapide, puis branchez la partie délicate vers un plus puissant — l’aperçu suit la branche gagnante. Parce que l’artefact vit à côté du fil plutôt que dans le bac à sable d’un seul modèle, changer de modèle ne vous coûte pas le travail en cours. Le rendu se relance simplement contre la nouvelle réponse.

C’est le même principe sur lequel tout le studio est bâti : la chose utile (ici, un artefact en direct) appartient à votre conversation, pas à l’ensemble de fonctionnalités cloisonné d’un seul modèle.

Itérez en langage, emportez la source

Quand l’aperçu est bon, la source est là, juste à portée pour l’emporter — copiez le HTML, exportez le SVG, récupérez la définition Mermaid. Canvas n’est pas une boîte noire que lui seul peut lire ; c’est un moyen plus rapide d’atteindre une source qui vous appartient entièrement. Vous avez fait l’itération en langage clair et obtenu une sortie prête pour la production au bout.

Une petite fonctionnalité à l’effet démesuré

Canvas n’ajoute pas une capacité que les modèles n’avaient pas — ils ont toujours su écrire du HTML. Ce qu’il supprime, c’est l’écart entre écrit et vu. Combler cet écart change votre façon de travailler : vous arrêtez de traiter la sortie du modèle comme un brouillon à évaluer plus tard et vous commencez à la traiter comme une chose que vous êtes en train de façonner, là, en temps réel, dans la même fenêtre. Il se trouve que c’est l’essentiel de ce qui donne à un outil sa sensation de rapidité.