Оценка дизайнерских способностей больших языковых моделей долгое время оставалась субъективной: разработчики судили о визуальном качестве по единичным демонстрационным роликам в социальных сетях. Игор Поганы (автор канала The AI Advantage) провел масштабный независимый слепой тест фронтенд-генерации, сопоставив два главных мультимодальных флагмана: Claude Opus 5.5 от Anthropic и GPT-6 Astra от OpenAI.
В рамках эксперимента было сгенерировано пятьдесят независимых веб-сайтов различной сложности: посадочные страницы, интернет-магазины, сервисы аналитики, интерактивные портфолио и узкоспециализированные веб-инструменты. Оба участника получали идентичные текстовые промпты без подсказок по стилям, после чего независимые эксперты оценивали верстку вслепую, не зная, какая именно модель создала конкретную страницу.
Эстетическое чутье против строгой функциональности
Итоговые результаты слепого сопоставления зафиксировали уверенное лидерство Claude Opus 5.5: модель Anthropic одержала победу в 68% парных сравнений.
Эксперты выделили феномен так называемого «дизайнерского вкуса модели» (Design Taste):
- Claude Opus 5.5 продемонстрировал органичное понимание композиции. Модель интуитивно выбирает гармоничные шрифтовые пары, соблюдает выверенные пропорции свободного пространства (whitespace), использует благородные цветовые палитры и плавно анимирует интерактивные состояния кнопок и карточек с помощью продуманных CSS-переходов.
- GPT-6 Astra проявила себя как педантичный корпоративный инженер. Модель безупречно справляется со сложными многоуровневыми таблицами, строгими формами ввода данных и математически точной сеткой. Однако визуально ее сайты часто выглядят чрезмерно сухо и стерильно, напоминая стандартные панели управления времен Web 2.0.
Мультимодальные сценарии: от салфетки до физики
Особый интерес представили практические мультимодальные кейсы, в которых Claude Opus 5.5 продемонстрировал способность интерпретировать неструктурированные графические наброски:
- Оживление скетчей: грубый эскиз интерактивного компонента, нарисованный от руки ручкой на салфетке, модель с первой попытки превратила в полностью адаптивный векторный SVG-виджет с чистым JavaScript-кодом анимации.
- Пространственные симуляции: создание интерактивной процедурной 3D-модели Сан-Франциско на библиотеке Three.js с возможностью свободного перемещения камеры между кварталами города.
- Физика механизмов: моделирование зубчатых передач и маятников в браузере с математически корректным расчетом угловых скоростей и точек зацепления.
- Приложение Photo-to-Brick: веб-интерфейс, трансформирующий загруженную пользователем фотографию в трехмерную мозаику из кубиков конструктора с возможностью выбора цветовой палитры.
Ограничения сгенерированного кода
При всей визуальной выразительности полученных страниц инженерам важно учитывать ограничения: нейросети склонны перегружать DOM-дерево избыточными вспомогательными обертками и злоупотреблять неоптимизированными циклами requestAnimationFrame. Перед выводом сгенерированного фронтенда в коммерческую эксплуатацию требуется ручной профилировщик производительности, особенно для экранов мобильных устройств с частотой 120 Гц.
В задачах создания эмоционального, стильного и запоминающегося веб-дизайна Claude Opus 5.5 задает новый отраслевой стандарт, превращая черновой набросок в готовый к показу прототип за считанные минуты.