Почему мультимодальные модели не видят веб-интерфейсы

Сегодня модели взаимодействуют с интерфейсами двумя способами: читают исходный код (HTML, CSS, JavaScript, бэкенд) или анализируют скриншоты. Оба подхода неэффективны — код не показывает, как интерфейс выглядит после рендера и какие элементы реально доступны пользователю, а скриншоты требуют анализа огромного количества пикселей. Браузер уже располагает геометрией каждого элемента, его состоянием и видимостью. • **Код скрывает реальность** — не видны смещения элементов, перекрытия, скрытые или недоступные части интерфейса • **Скриншоты дороги** — нужны разные viewport-ы, разные состояния (hover, focus, модальные окна, загрузка, видео) • **Требуется встроенный модуль** — постоянное восприятие структуры вместо временной «руки», которую агент переписывает как скрипт

AI-обработка оригинала Habr AI; редакция Hamidun News
Почему мультимодальные модели не видят веб-интерфейсы
Источник: Habr AI. Коллаж: Hamidun News.
Слушать статью
Паспорт материала и цифры
ПараметрДанные
ПервоисточникHabr AI ↗
Главный редактор
Ключевой факт #1Код скрывает реальность — не видны смещения элементов, перекрытия, скрытые или недоступные части интерфейса
Ключевой факт #2Скриншоты дороги — нужны разные viewport-ы, разные состояния (hover, focus, модальные окна, загрузка, видео)
Ключевой факт #3Требуется встроенный модуль — постоянное восприятие структуры вместо временной «руки», которую агент переписывает как скрипт

Две неудачные стратегии

Сегодня мультимодальные модели взаимодействуют с веб-сайтами двумя способами. Первый — читать исходный код: HTML, CSS, JavaScript, бэкенд. Второй — смотреть на скриншоты. На практике оба подхода неэффективны.

Код не показывает реальность. По исходной разметке модель не узнает, где находятся элементы после рендера, перекрыты ли они друг другом, уехала ли кнопка за экран. По коду не видно, что элемент существует в разметке, но недоступен пользователю. Контекст можно расширить до миллиона токенов, но код не даёт интерфейса в его реальном состоянии.

Скриншоты решают часть проблем, но ценой полного перерасхода. Один кадр недостаточен. Нужны разные размеры окна просмотра (viewport), разные состояния элементов, наведение курсора (hover), фокус (focus), модальные окна, процессы загрузки, динамические изменения. Для полного понимания могут потребоваться видео. Задача, которую браузер уже понимает как структуру элементов, их геометрию и состояния, превращается в тяжелый анализ пикселей — дорого и неэффективно.

Как видит человек

Мы смотрим на сайт иначе. Почти мгновенно различаем текст, фон, кнопки, границы, поля ввода, меню, модальные окна. При наведении видим интерактивные изменения: меняется цвет кнопки, появляется обратная связь. Нам не нужно восстанавливать интерфейс ни из кода, ни из пикселей.

Мы видим структуру. Видим овал с текстом «войти» — и сразу понимаем, что это кнопка. Видим границы блоков и иерархию элементов. Для всего этого не требуется анализировать каждый пиксель или изучать все стили и разметку.

Третий слой восприятия

Мультимодальные модели должны видеть так же. Интерфейсы должны быть для них не просто кодом или картинкой, а структурированным представлением, пригодным для понимания страницы, проверки верстки и взаимодействия с UI.

Не требуется отказываться от трансформеров. Модели нуждаются в новом встроенном модуле восприятия — способе видеть интерфейс как структуру элементов, их состояния, видимость и геометрию. Не в виде временной «руки», которую агент каждый раз переписывает как скрипт, а в виде фундаментального способа восприятия.

Такой модуль позволит решать широкий спектр задач — от анализа интерфейсов до разработки, от проверки верстки до автоматизации — оставаясь при этом универсальной. Это не попытка продать готовое решение, а попытка зафиксировать проблему: мультимодальные модели имеют грубый инструмент для работы с интерфейсами и нуждаются в более специализированном способе восприятия.

Сюжет

Вопросы и ответы по материалу

Что известно по теме: две неудачные стратегии?

Сегодня мультимодальные модели взаимодействуют с веб-сайтами двумя способами. Первый — читать исходный код: HTML, CSS, JavaScript, бэкенд. Второй — смотреть на скриншоты. На практике оба подхода неэффективны. Код не показывает реальность. По исходной разметке модель не узнает, где находятся элементы после рендера, перекрыты ли они друг другом, уехала ли кнопка за экран. По коду не видно, что элемент существует в разметке, но недоступен пользователю. Контекст можно расширить до миллиона токенов, но код не даёт интерфейса в его реальном состоянии. Скриншоты решают часть пробл

Что известно по теме: как видит человек?

Мы смотрим на сайт иначе. Почти мгновенно различаем текст, фон, кнопки, границы, поля ввода, меню, модальные окна. При наведении видим интерактивные изменения: меняется цвет кнопки, появляется обратная связь. Нам не нужно восстанавливать интерфейс ни из кода, ни из пикселей. Мы видим структуру. Видим овал с текстом «войти» — и сразу понимаем, что это кнопка. Видим границы блоков и иерархию элементов. Для всего этого не требуется анализировать каждый пиксель или изучать все стили и разметку.

Что известно по теме: третий слой восприятия?

Мультимодальные модели должны видеть так же. Интерфейсы должны быть для них не просто кодом или картинкой, а структурированным представлением, пригодным для понимания страницы, проверки верстки и взаимодействия с UI. Не требуется отказываться от трансформеров. Модели нуждаются в новом встроенном модуле восприятия — способе видеть интерфейс как структуру элементов, их состояния, видимость и геометрию. Не в виде временной «руки», которую агент каждый раз переписывает как скрипт, а в виде фундаментального способа восприятия. Такой модуль позволит решать широкий спектр задач —

ЖХ
Жемал Хамидун — CPO Alpina Digital, продакт-менеджер AlpinaGPT. Делает AI-продукты с 2019 года. Hamidun News — pet project, который вырос в production-агрегатор с 6000+ читателей.
✦ Автономные AI-агенты

Делегируйте ресёрч, код и рутину автономному AI-агенту

Интеллектуальная агентная среда NomadNet Agent (agent.nomadnet.ai) выполняет многошаговые задачи: глубокий веб-ресёрч, анализ данных, написание кода и автоматизацию браузера.

Запустить NomadNet Agent →Платформа NomadNet AI
Что вы думаете?
Загружаем комментарии…