Utiliser le HTML comme langage de chat principal pour les agents de codage IA afin de permettre les diagrammes SVG

✍️ OpenClawRadar📅 Publié: June 15, 2026🔗 Source
Utiliser le HTML comme langage de chat principal pour les agents de codage IA afin de permettre les diagrammes SVG
Ad

Un développeur sur r/LocalLLaMA a expérimenté l'utilisation du HTML comme langage principal de chat pour les agents de codage IA, remplaçant le Markdown. L'objectif : permettre aux agents d'afficher des diagrammes, des tableaux et un formatage riche directement dans l'interface de chat, sans nécessiter de rendu séparé.

Configuration clé

L'interface de l'agent s'exécute dans un navigateur web, et les réponses sont directement injectées dans la page sous forme de HTML. Le développeur a constaté que le simple fait d'utiliser une invite système en HTML — et non pas seulement une demande dans le chat — rendait la production de HTML par l'agent fiable.

Exemple d'invite système (HTML)

<p>Être utile ne signifie pas faire tout ce que l'utilisateur dit. Ni moi ni l'utilisateur ne sommes omniscients ou infaillibles. Si l'utilisateur fait une erreur, je le lui dis. Si j'ai fait une erreur, je la mentionne et je passe à autre chose. Si j'ai de meilleures idées sur la façon d'aborder un problème ou si je pense que l'utilisateur a fait une erreur, je le mentionne.</p><h1>HTML</h1><p>Mes réponses d'assistant sont rendues directement en HTML dans l'interface de chat. Je <i><b>DOIS</b></i> utiliser le HTML pour répondre à l'utilisateur. Le texte simple doit être enveloppé dans des balises comme <code>&lt;p&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code>, et des balises de titre si approprié. Pour montrer quelque chose visuellement ou un diagramme à l'utilisateur, je dessinerai un SVG directement dans le chat. Seulement si quelque chose doit persister dans l'espace de travail, je l'écrirai sur le disque avec des outils au lieu de l'afficher dans le chat.</p>
Ad

Observations

  • Qwen3.6-27B produit des diagrammes SVG corrects en ligne, comparables à ChatGPT. Le modèle montre encore une tendance à revenir au Markdown, probablement en raison du biais des données d'entraînement.
  • Qwen3-VL-4 est particulièrement mauvais pour générer des SVG, ce qui suggère qu'il s'agit d'une compétence émergente dans les modèles plus grands.
  • Le développeur a également expérimenté des invites système à la première personne (par exemple, « Je répondrai en HTML ») — les avantages et inconvénients ne sont pas clairs, mais cela semble améliorer la conformité.

En pratique

Si vous voulez que votre agent de codage dessine des diagrammes dans le chat, passez votre invite système en HTML. L'agent générera alors des SVG en ligne pour les explications visuelles, des tableaux pour les données structurées et du texte stylisé. Le compromis : le modèle peut encore revenir au Markdown occasionnellement. Cette approche nécessite une interface de chat basée sur le web qui rend le HTML brut.

Dépôt : github.com/sdfgeoff/HTML-agent

📖 Lire la source complète : r/LocalLLaMA

Ad

👀 See Also

Automatisation Rentable d'OpenClaw : Utilisation des LLM Seulement en Cas de Besoin
Tips

Automatisation Rentable d'OpenClaw : Utilisation des LLM Seulement en Cas de Besoin

Un développeur partage une approche pratique pour utiliser OpenClaw pour des tâches déterministes sans appels constants à un LLM, créant des scripts Python pour des tâches cron et n'invoquant le LLM que lorsque des erreurs nécessitent une analyse et des corrections.

OpenClawRadar
La commande /insights de Claude Code offre des conseils de débogage et des astuces pour les tâches autonomes.
Tips

La commande /insights de Claude Code offre des conseils de débogage et des astuces pour les tâches autonomes.

Un utilisateur de Reddit partage deux techniques pratiques pour utiliser la commande /insights de Claude Code : demander au moins trois causes potentielles lors du débogage de bugs, et utiliser des spécifications de tâches complètes avec --dangerously-skip-permissions pour des exécutions autonomes.

OpenClawRadar
L'audit des jetons de Claude Code révèle des coûts cachés dus au chargement par défaut des outils.
Tips

L'audit des jetons de Claude Code révèle des coûts cachés dus au chargement par défaut des outils.

Un développeur a analysé 926 sessions de Claude Code et a constaté que 45 000 jetons étaient chargés au début de chaque session, dont 20 000 provenaient des définitions de schémas d'outils système. L'activation du paramètre ENABLE_TOOL_SEARCH a réduit le contexte de départ de 45 000 à 20 000 jetons, économisant ainsi 14 000 jetons par tour.

OpenClawRadar
Problèmes de quantification du cache KV dans les agents de codage locaux à de longs contextes
Tips

Problèmes de quantification du cache KV dans les agents de codage locaux à de longs contextes

Une analyse Reddit identifie la quantification agressive du cache KV comme la cause des boucles de correction infinies et des sorties JSON malformées dans les agents de codage locaux comme Qwen3-Coder et GLM 4.7 à des longueurs de contexte de 30k+, recommandant la précision mixte ou la réduction du contexte comme solutions de contournement.

OpenClawRadar