Claude повторил сайт 2014 года за пару минут: вайбкодинг прошёл проверки по стандартам

Об этом пишет в авторской колонке практикующий веб-дизайнер. Она начинала с HTML (языка разметки, на котором собирают веб-страницы) на narod.ru, затем работала в Joomla, WordPress, Фотошопе с макетами больше 200 мегабайт и Фигме. Поводом для текста стал вопрос начинающего коллеги: стоит ли учить WordPress, чтобы делать сайты с нуля.

В чём суть спора о вайбкодинге?

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

В первом лагере новички идут за советом к старшим коллегам, уверенным в своей незаменимости. Во втором лагере люди без базовых знаний веб-дизайна вайбкодят сайты и страдают эффектом Даннинга-Крюгера (когда новичок переоценивает свои умения), за что получают критику от опытных коллег.

Новичок, купивший билет в первый лагерь, всё равно вынужден переходить во второй: работодатели требуют владеть нейросетями. Параллельно опытные дизайнеры пишут под ИИ-работами одну и ту же претензию: «Невозможно без опыта сгенерировать сайт, решающий задачи бизнеса».

Автор проверила это на себе. Она дала Claude промпт (текстовое задание для нейросети) по описанию своего экрана 2014 года: главная страница сайта «Вакансии для хороших людей» для тех, кто ищет работу в Санкт-Петербурге, в творческих сферах, медиа и ИТ, с карточками вакансий и местом под нативный рекламный баннер.

Аргументы за: нейросеть уже проходит базовые проверки

Сторонники вайбкодинга получили в этом эксперименте несколько сильных доводов:

• Claude за один промпт выполнил все пожелания и выдал готовую страницу в HTML за пару минут.
• Фильтры по сферам нейросеть добавила сама, хотя автор об этом не просила.
• Для заголовков Claude выбрал шрифт Unbounded. Автор предполагает, что модель учла контекст: этот шрифт любят в афишах и анонсах.
• По базовым правилам доступности и удобства ИИ-дизайн прошёл проверку.
• Сайт 2014 года не проходил по контрасту, то есть по соотношению яркости текста и фона: там было 2:1. Это никто не измерял, а сайт несколько лет работал и радовал посетителей.

Отдельный довод касается клиентов. По словам автора, им безразлично, каким способом сделан сайт. А зарубежные сайты Amazon, Adobe и Lufthansa, которые она называет «страшненькими» по визуалу, проходят все проверки.

Есть нешуточная вероятность, что нашей профессии скоро не будет. : Автор колонки, веб-дизайнер с 2005 года

Аргументы против: замер не заменяет эксперта

Результат Claude не идеален: в тексте остались висящие предлоги, в баннере заглушки, хедер (верхняя полоса сайта) слегка «зажёван». Автор сама признаёт, что «неплохо» звучит необъективно, и задаётся вопросом: как новичку, выкатившему сайт как есть, понять, не сделал ли он ерунду?

Точность ИИ-проверок пока неоднородна. В начале 2026 года Nielsen Norman Group (NN/g) опубликовала интервью с основателями исследовательской компании Baymard. В 2023 году точность GPT-4 в аудитах составляла 20%. В исследовании Baymard UX-Ray 2.0 заявлено 95% точности против живых аудиторов на 79 сайтах интернет-магазинов, а публичные тесты нескольких похожих инструментов показывают от 50 до 75%.

Baymard предупреждает: одно неверное решение в UX (удобстве использования) способно обернуться астрономическими затратами для бизнеса. Поэтому алгоритм подсвечивает проблемные места, но не заменяет эксперта.

Чтобы перевести спор в цифры, автор собрала с помощью Claude собственный чекер. Сначала он проверял HMI-интерфейсы (пульты управления оборудованием), где свои нормы: например, 50 мм между аварийными кнопками и работа в перчатках. Пользователи загружали туда обычные сайты и получали бессмысленный результат, поэтому появилась отдельная версия.

Новая версия опирается на стандарты WCAG 2.2 (международные правила доступности сайтов), Apple Human Interface Guidelines и Material Design. Она работает на компьютерном зрении и формулах, без языковых моделей, и красоту не оценивает. Тепловая карта показывает иерархию, зоны CTA (кнопок призыва к действию) и визуальный шум.

Слабое место обучения автор видит в курсах. Они продают вход в профессию через навык реализации макетов, который нейросеть уже заменила, и почти не учат продавать свою работу.

Что делать с этим прямо сейчас, по ролям

Автору Дзена: лендинг под курс или рассылку можно собрать одним промптом, но перед публикацией прогоните его через проверку контраста и размеров кнопок. Висящие предлоги и заглушки нейросеть оставит, вычитывать придётся вам.

Маркетологу: экономика смещается от часов вёрстки к проверке результата. Закладывайте время на тепловую карту и проверку зон CTA, а не на отрисовку.

Предпринимателю в РФ и СНГ: для сборки сайта без кода подойдёт Tilda, которую упоминает и автор колонки. Из доступных в РФ языковых моделей можно попробовать YandexGPT и GigaChat.

Начинающему дизайнеру: совет автора прост. Базу осваивайте бесплатно, сразу практикуйтесь с нейросетями и автоматическими проверками, учитесь у коллег в сообществах.

Дальше спор «старичков» с вайбкодерами, скорее всего, будут решать замеры: вопрос «кто сделал» уступит вопросу «какие нарушения нашлись». Заказчики будут платить тем, кто умеет объяснить результат цифрами и превратить сгенерированный сайт в работающий для бизнеса, а умение рисовать руками будет цениться всё меньше.