Использовать 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

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

Пользователь Reddit делится структурой промптов для снижения отклонений в коде Claude при выполнении сложных задач.
Советы

Пользователь Reddit делится структурой промптов для снижения отклонений в коде Claude при выполнении сложных задач.

Пользователь Reddit обнаружил, что использование структурированного формата промптов для длительных задач в Claude Code помогает предотвратить отклонение результатов. Этот подход предполагает определение конкретных элементов, таких как объём задачи, необходимые файлы, критерии успеха и параметры избегания, перед выполнением.

OpenClawRadar
Синхронизация iCloud Desktop/Documents вызывает проблемы с потерей файлов в Claude на Mac
Советы

Синхронизация iCloud Desktop/Documents вызывает проблемы с потерей файлов в Claude на Mac

Пользователь Mac сообщает, что включение синхронизации iCloud Drive для папок «Рабочий стол» и «Документы» приводит к созданию Claude дубликатов файлов и может вызвать безвозвратную потерю данных, включая скрытые папки /.claude, которые iCloud не резервирует.

OpenClawRadar
Как отключить функцию вербального спиннера в Claude Code
Советы

Как отключить функцию вербального спиннера в Claude Code

Claude Code включает встроенный спиннер глаголов, который отображает причудливые герундии, такие как 'Приправление' и 'Создание', во время обработки. Вы можете отключить его, отредактировав файл settings.json, поместив пробел в массив spinnerVerbs.

OpenClawRadar
Перестаньте использовать Claude как дорогой автозаполнитель — создайте SDR-систему с определениями ролей, файлами памяти и ритуалами доработки
Советы

Перестаньте использовать Claude как дорогой автозаполнитель — создайте SDR-систему с определениями ролей, файлами памяти и ритуалами доработки

Пост на Reddit утверждает, что большинство отделов продаж используют Claude как «чат-бота», а не как систему. Решение: определить роль, вести файл памяти с ICP/тоном/наработками и проводить еженедельный ритуал доработки, чтобы повышать качество результатов.

OpenClawRadar