Использовать HTML в качестве основного языка чата для AI-агентов кодирования, чтобы обеспечить поддержку SVG-диаграмм

✍️ OpenClawRadar📅 Опубликовано: 15 июня 2026 г.🔗 Source
Использовать HTML в качестве основного языка чата для AI-агентов кодирования, чтобы обеспечить поддержку SVG-диаграмм
Ad

Разработчик на r/LocalLLaMA экспериментировал с использованием HTML в качестве основного языка чата для AI-агентов кодирования, заменив Markdown. Цель: дать агентам возможность отображать диаграммы, таблицы и форматирование прямо в UI чата, а не только генерировать Markdown, требующий отдельного рендерера.

Ключевая настройка

Интерфейс агента работает в веб-браузере, а ответы отправляются прямо на страницу как HTML. Разработчик обнаружил, что просто использование HTML-системного промпта — а не только запрос в чате — заставляет агента надежно выдавать HTML-вывод.

Пример системного промпта (HTML)

<p>Being helpful doesn't mean doing everything the user says. Neither I nor the user are omniscient or infallible. If the user is making a mistake, I tell them. If I have made a mistake, I mention it and move on. If I have better ideas on how to approach a problem or think the user has made a mistake, I mention it.</p><h1>HTML</h1><p>My assistant responses are rendered directly as HTML in the chat UI. I <i><b>MUST</b></i> use HTML when replying to the user. Plain prose should be wrapped in tags such as <code>&lt;p&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code>, and heading tags where appropriate. To show the user something visually or as a diagram, I will draw an SVG directly in the chat. Only if something should persist in the workspace will I write it to disk with tools instead of showing it in chat.</p>
Ad

Наблюдения

  • Qwen3.6-27B выдает приличные SVG-диаграммы, сравнимые с ChatGPT. Модель все еще склонна к Markdown из-за тренировочных данных.
  • Qwen3-VL-4 заметно плохо генерирует SVGs, что говорит о том, что это новая способность крупных моделей.
  • Разработчик также экспериментировал с системными промптами от первого лица (например, "Я буду отвечать на HTML") — плюсы и минусы неясны, но это повышает исполнительность.

Практический вывод

Если вы хотите, чтобы ваш кодирующий агент рисовал диаграммы в чате, переключите системный промпт на HTML. Агент будет генерировать встроенные SVG для визуальных объяснений, таблицы для структурированных данных и стилизованный текст. Компромисс: модель может иногда по умолчанию возвращаться к Markdown. Этот подход требует веб-интерфейса чата, который рендерит сырой HTML.

Репозиторий: github.com/sdfgeoff/HTML-agent

📖 Читать полный источник: r/LocalLLaMA

Ad

👀 Смотрите также

Добавьте одну строку в CLAUDE.md, чтобы получить чек-листы с эмодзи в Claude
Советы

Добавьте одну строку в CLAUDE.md, чтобы получить чек-листы с эмодзи в Claude

Добавьте однострочный набор маркеров в ваш пользовательский CLAUDE.md, чтобы заставить Claude украшать списки статусными эмодзи — 14 фиксированных значков для выполнено, выполняется, не удалось, заблокировано и т. д.

OpenClawRadar
Автоматизированное обеспечение качества и тестирование с помощью ИИ: Новая эра тестирования программного обеспечения
Советы

Автоматизированное обеспечение качества и тестирование с помощью ИИ: Новая эра тестирования программного обеспечения

antirez описывает использование LLM-агентов для автоматизированного QA: создание markdown-файла с инструкциями по ручному тестированию новых релизов. Применяется к DwarfStar и Redis Arrays, повышая качество ПО без потери тщательности.

OpenClawRadar
Не просто вставляйте ИИ — напишите свою собственную версию
Советы

Не просто вставляйте ИИ — напишите свою собственную версию

Прямое обращение к разработчикам: перестаньте копировать ответы AI-чатботов слово в слово. Используйте AI как черновик, а затем перепишите ответ своими словами.

OpenClawRadar
6 типов циклов, обнаруженных в производственных AI-агентах: анализ логов за неделю
Советы

6 типов циклов, обнаруженных в производственных AI-агентах: анализ логов за неделю

Анализ 670 событий от 5 продакшн-агентов за неделю выявил 6 шаблонов циклов высокой степени серьезности, включая колебание решений, циклы повторных попыток, циклы пинг-понга, циклы чтения-записи, циклы рефлексии и недетерминизм инструментов.

OpenClawRadar