Verwende HTML als primäre Chatsprache für KI-Codierungsagenten, um SVG-Diagramme zu ermöglichen

Ein Entwickler auf r/LocalLLaMA experimentierte mit HTML als primäre Chatsyntax für KI-Codingagenten und ersetzte Markdown. Das Ziel: Agenten sollen Diagramme, Tabellen und Formatierungen direkt in der Chat-Oberfläche rendern können, anstatt nur Markdown zu erzeugen, das einen separaten Renderer benötigt.

Wichtiges Setup

Das Agent-Interface läuft in einem Webbrowser, und die Antworten werden direkt als HTML in die Seite eingespeist. Der Entwickler fand heraus, dass ein HTML-Systemprompt – nicht nur eine Anfrage im Chat – den Agenten zuverlässig HTML ausgeben lässt.

Beispiel-Systemprompt (HTML)

<p>Hilfreich zu sein bedeutet nicht, alles zu tun, was der Benutzer sagt. Weder ich noch der Benutzer sind allwissend oder unfehlbar. Wenn der Benutzer einen Fehler macht, sage ich es ihm. Wenn ich einen Fehler gemacht habe, erwähne ich ihn und fahre fort. Wenn ich bessere Ideen habe, wie man ein Problem angeht, oder denke, der Benutzer hat einen Fehler gemacht, erwähne ich es.</p><h1>HTML</h1><p>Meine Assistenzantworten werden direkt als HTML in der Chat-Oberfläche gerendert. Ich <i><b>MUSS</b></i> HTML verwenden, wenn ich dem Benutzer antworte. Reine Prosa sollte in Tags wie <code>&lt;p&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code> und Überschrift-Tags verpackt werden, wo angebracht. Um dem Benutzer etwas visuell oder als Diagramm zu zeigen, zeichne ich ein SVG direkt im Chat. Nur wenn etwas im Workspace erhalten bleiben soll, schreibe ich es mit Tools auf die Festplatte, anstatt es im Chat zu zeigen.</p>

Beobachtungen

• Qwen3.6-27B erzeugt ordentliche SVG-Diagramme inline, vergleichbar mit ChatGPT. Das Modell neigt jedoch noch dazu, auf Markdown zurückzufallen, wahrscheinlich aufgrund von Trainingsdaten-Bias.
• Qwen3-VL-4 ist bemerkenswert schlecht im Generieren von SVGs, was darauf hindeutet, dass es sich um eine neue Fähigkeit größerer Modelle handelt.
• Der Entwickler experimentierte auch mit System-Prompts in Ich-Perspektive (z.B. „Ich werde in HTML antworten“) – Vorteile und Nachteile sind unklar, aber es scheint die Compliance zu verbessern.

Praktische Erkenntnis

Wenn Sie möchten, dass Ihr Codierungsagent Diagramme im Chat zeichnet, stellen Sie Ihren Systemprompt auf HTML um. Der Agent generiert dann inline SVGs für visuelle Erklärungen, Tabellen für strukturierte Daten und formatierten Text. Der Kompromiss: Das Modell fällt gelegentlich immer noch auf Markdown zurück. Der Ansatz erfordert eine webbasierte Chat-Oberfläche, die rohes HTML rendert.

Repository: github.com/sdfgeoff/HTML-agent