Экспресс-разработка: на что способен ИИ в создании сайтов

Остальные «души не чают» в современных ИИ-агентах, которые кратно ускоряют и удешевляют процесс создания сайтов. Как этот инструмент используется на практике, рассказали специалисты департамента Digital Engineering рекламного агентства «Восход».

Кто лидирует на рынке ИИ-агентов 

Прогресс в развитии нейросетей для веб-разработки движется семимильными шагами. Сначала это были помощники типа Copilot (с англ. «второй пилот»), которые ассистировали программисту, предлагая строчки кода и дополняя уже начатый фрагмент. Затем появился Cursor, «понимающий» проект целиком и способный распознавать файлы. «Венцом» всего этого стали ИИ-агенты, последние модели которых порой даже опережают мысль опытного разработчика.

«До недавнего времени самыми сильными были модели Claude Code от Anthropic. Их “догоняет” и в некоторых случаях превосходит новый GPT 5.6 от OpenAI. Можно использовать их параллельно, чтобы они “проверяли” работу друг друга. Мы чаще применяем флагманские модели Claude. Если говорить, например, о Claude Fable, то это, по сути, разработчик экстра класса. Иногда он предлагает такие решения, о которых не задумывался даже очень опытный веб-девелопер», — отмечают программисты Восхода.

ИИ-разработка на практике 

ИИ-агенты для разработки сайтов действуют по принципу «петли» (agentic loop). Получая задачу в виде промта, агент изучает и анализирует контекст, планирует действия, выполняет их и затем сам оценивает результат, сопоставляя его с изначальной задачей. Если итог его не устраивает, то цикл запускается по новой. И так до тех пор, пока агент не сочтет итог работы приемлемым.

Через MCP-серверы ИИ-агента можно подключить к внешним программам. Например, к редактору Figma. Получая задачу от разработчика, он сам «орудует» всеми инструментами редактора: собирает прототип («каркас» сайта с пониманием блоков, смыслов, которые должны быть заложены в digital-продукт). Этот процесс обычно контролирует арт-директор. Нейросеть склонна создавать сайты-«дженерики”, которые пусть и на хорошем уровне, но повторяют уже существующие решения. ”Живой» арт-дирекшен позволяет довести ИИ-макет «до ума» и избежать шаблонности.

За дизайн-этапом следует выбор административной панели и ее настройка. Затем Claude «изучает» готовые макеты в Figma и пишет код будущего сайта. Разработчик проверяет результат, опираясь на собственную экспертизу: корректно ли «встала» верстка, работает ли анимация и т.п.

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

Агент способен авторизоваться в личном кабинете уже на готовом сайте, чтобы проверить корректность работы кнопок и сервисов.

Продолжение материала читайте на Adpass.