Usar HTML como lenguaje principal de chat para agentes de codificación de IA para permitir diagramas SVG

Un desarrollador en r/LocalLLaMA experimentó usando HTML como lenguaje principal de chat para agentes de codificación de IA, reemplazando Markdown. El objetivo: permitir que los agentes rendericen diagramas, tablas y formato enriquecido directamente en la interfaz de chat, no solo producir Markdown que necesita un renderizador separado.

Configuración clave

La interfaz del agente se ejecuta en un navegador web, y las respuestas se envían directamente a la página como HTML. El desarrollador encontró que simplemente usar una indicación de sistema en HTML — no solo preguntar en el chat — hizo que el agente produjera salida HTML de manera confiable.

Ejemplo de indicación del sistema (HTML)

<p>Ser útil no significa hacer todo lo que el usuario dice. Ni yo ni el usuario somos omniscientes o infalibles. Si el usuario está cometiendo un error, se lo digo. Si he cometido un error, lo menciono y sigo adelante. Si tengo mejores ideas sobre cómo abordar un problema o creo que el usuario ha cometido un error, lo menciono.</p><h1>HTML</h1><p>Mis respuestas de asistente se renderizan directamente como HTML en la interfaz de chat. <i><b>DEBO</b></i> usar HTML al responder al usuario. El texto simple debe envolverse en etiquetas como <code>&lt;p&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code>, y etiquetas de encabezado según corresponda. Para mostrar algo visualmente o como diagrama, dibujaré un SVG directamente en el chat. Solo si algo debe persistir en el espacio de trabajo lo escribiré a disco con herramientas en lugar de mostrarlo en el chat.</p>

Observaciones

• Qwen3.6-27B produce diagramas SVG decentes en línea, comparables a ChatGPT. El modelo aún muestra tendencia a recurrir a Markdown, probablemente debido al sesgo en los datos de entrenamiento.
• Qwen3-VL-4 es notablemente malo generando SVG, lo que sugiere que es una capacidad emergente en modelos más grandes.
• El desarrollador también experimentó con indicaciones de sistema en primera persona (ej., "Responderé en HTML") — los beneficios y desventajas no están claros pero parece mejorar el cumplimiento.

Conclusión práctica

Si quieres que tu agente de codificación dibuje diagramas en el chat, cambia tu indicación del sistema a HTML. El agente generará entonces SVGs en línea para explicaciones visuales, tablas para datos estructurados y texto con estilo. La desventaja: el modelo aún puede recurrir a Markdown ocasionalmente. El enfoque requiere una interfaz de chat basada en web que renderice HTML sin procesar.

Repositorio: github.com/sdfgeoff/HTML-agent