TGViewer
OpenClaw и Hermes канал про ИИ-агентов OpenClaw и Hermes канал про ИИ-агентов @openclawc · 351 subscribers
Post #102 83
🎨 Canvas и A2UI: когда агент умеет не только писать, но и показывать

ИИ-агенты общаются текстом. Но иногда текста мало — нужно показать график, форму, дашборд или интерактивную карту. Для этого в OpenClaw есть Canvas.

Что такое Canvas?
Canvas — это визуальный холст: безрамочное окно, которое macOS-приложение OpenClaw открывает рядом с меню. Агент может загрузить туда любую HTML/JS-страницу и превратить её в мини-интерфейс прямо на устройстве пользователя.

Примеры использования:
📊 Агент построил аналитику — показывает интерактивный график в Canvas
📝 Нужна форма для ввода данных — агент генерирует HTML-форму и открывает в Canvas
🗺 Маршрут на карте — Leaflet/Mapbox прямо в окне агента

Агент управляет Canvas через Gateway: открывает и прячет панель, навигирует на нужный URL, выполняет JavaScript, делает снимок экрана.

Что такое A2UI?
A2UI (Agent-to-UI) — это следующий уровень. Если Canvas — это просто окно для показа страниц, то A2UI — это протокол, через который агент динамически строит интерфейс в реальном времени.

Как это работает: агент отправляет команды обновления (добавить кнопку, обновить текст, показать список), а A2UI-рендерер внутри Canvas превращает их в живой интерфейс. Без написания HTML вручную — агент описывает что показать, а A2UI решает как.

По сути, A2UI — это мост между «агент думает текстом» и «пользователь видит приложение». Агент может на лету создать todo-список, форму обратной связи или панель мониторинга — и всё это будет выглядеть как обычное приложение, а не как вывод в терминале.

Безопасность
Canvas изолирован: схема запрещает выход за пределы корня, внешние ресурсы открываются только по явной команде. Отключенный Canvas возвращает CANVAS_DISABLED — никаких сюрпризов.

Canvas + A2UI превращают текстового агента в агента с полноценным визуальным интерфейсом.

Подпишитесь на @openclawc
  • ❤ 2
More from @openclawc
  1. Oct 1, 2026Как сэкономить токены в Claude Code ультимейт гайд Основанный на моем более чем 1.5 годово…
  2. Jun 13, 2026Сижу я за своим Маком работаю и тут что-то начинает шарится по моим личным папкам Я по Pyt…
  3. Jun 11, 2026Попользовался этим Hermes Desktop с неделю - все очень очень сыро То что обновляется кажды…
  4. Jun 9, 2026На Хабре вышел толковый пост Hermes Agent Desktop: настройка под реальные задачи Автор мес…
  5. Jun 6, 2026Компания Nous разработавшая агента Hermes выпустили Desktop App Я протестировал - мне очен…
  6. Jun 6, 2026Channel name was changed to «OpenClaw и Hermes канал про ИИ-агентов»
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →