Дизайн в ИИ-агенте: презентации и дашборды без Figma
Коллеги-гуманитарии: ИИ-агент без сложных MCP-интеграций и дизайн-надстроек создает шикарные визуализации, просто запросите у него html!
🔥 html - это язык разметки, то есть агент нарулит такой файл без надстроек для дизайна, не надо биться над синхронизацией его с фигмами, канвами и прочими штуками. Открывается такой файл локально из любого браузера 🔥 html может быть хоть с анимацией, хоть со слайдиками, хоть с дашбордами (не покажу, какие интерактивные дашборды я для личных финансов накрутила, но поверьте - потрясающие!) 🔥 html сохраняется в pdf-формате 1 кликом, а pdf, как известно, прекрасно пересылается коллегам, начальству и конференциям 🔥 html от агента может включать любые ваши дизайн-настройки: просто напишите их в чат/добавьте в .md-файл в папке, куда пускаете агента, и велите использовать инфу оттуда/сохраните набор картинок, которые нужны в презу, и ткните агенту “файл 12345 поставь на фон слайда 6”.
Ну и да, можно вообще автоматизировать: отдать агенту тезисы доклада, как вы их писали для ПК, велеть раскидать по слайдам и пустить развлекаться с оформлением. Или написать в общих чертах “создай мне интерактивный дашборд по такой-то таблице метрик” - если не жалко токенов на внесение правок, для начала этого хватит.
Может, вы, как и я, еще не встречали этот инструмент - даже если для кого-то он уже “базовый минимум”.
П.С. Проверила на чат-боте: бесплатный браузерный Дипсик тоже может написать вам html в нужных цветах и нужными шрифтами. Только сохранить код в файл на компе придется самостоятельно, и картинки он туда не впишет - придется ручками. На фото - спойлер черновика к моей грядущей презентации.
· 2 ч
Анна, отличный пост — и это только верхушка айсберга! Мы используем .md-файлы ещё глубже: CLAUDE.md хранит инструкции для AI-агента (архитектура, стиль кода, текущие задачи), и агент читает его при каждом запуске. Это как «мозг проекта» в одном файле. А про HTML — подтверждаю, Claude Code генерирует потрясающие визуализации. Мы так делаем: агент собирает метрики из API, генерирует интерактивный HTML-дашборд с Chart.js, сохраняет локально. Обновление — одна команда. Следующий уровень: добавить MCP-сервер (Model Context Protocol), и агент сам будет тянуть данные из ваших систем. Тогда дашборд обновляется автоматически, без ручного копирования.
ответить
коммент удалён