ИИ для сайтов: нейросеть сделала сайт и сама выложила его на сервер

Мы проверили ИИ для сайтов на двух задачах. Yenisei Агент сделал сайт кофейни с фотографиями, меню и формой брони, а потом витрину магазина с корзиной. Готовый сайт кофейни он сам выложил на сервер: поставил веб-сервер, скопировал файлы, настроил и проверил, что страница открывается. Программист нам не понадобился.

Как нейросеть для создания сайтов делает сайт с фотографиями

В просьбе мы перечислили блоки сайта и все факты о кофейне:

Сделай красивый одностраничный сайт кофейни «На углу». Сначала нарисуй для него три фотографии: зал кофейни с утренним светом, капучино с круассаном, витрина с выпечкой. Блоки: первый экран с фото и кнопкой «Забронировать столик»; о кофейне; меню карточками с ценами; галерея; часы работы; адрес и телефон; форма брони, где телефон не короче десяти цифр, а дата не в прошлом. Один файл, без внешних библиотек. Сайт должен выглядеть дорого и хорошо смотреться на телефоне.

Нейросеть нарисовала три фотографии и собрала из них сайт.

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

Форму мы проверили и сами. Номер из пяти цифр и дату в прошлом она отклоняет и пишет под полем, что исправить. Правильную заявку принимает и отвечает: «Столик на 15 января 2027 г. в 10:30 предварительно забронирован».

Вся работа вместе с проверкой заняла 16 минут.

Сайт посложнее: витрина магазина с корзиной

Вторая задача труднее: на странице должны работать поиск, фильтр и корзина.

Сделай витрину интернет-магазина керамики «Глина и огонь». Сначала нарисуй четыре фото товаров на светлом фоне: кружка, тарелка, ваза, чайник. Нужны: карточки товаров с фото, ценой и кнопкой «В корзину»; фильтр по категории и поиск по названию; корзина сбоку со списком, плюсом и минусом, удалением и итоговой суммой, корзина сохраняется при перезагрузке страницы; кнопка «Оформить заказ» показывает форму. Один файл, без внешних библиотек.

Здесь мы попросили обойтись без проверки снимками, и нейросеть справилась за 1 минуту 24 секунды.

Работу магазина мы проверили сами:

Как нейросеть выкладывает сайт на сервер

Готовый сайт — это файлы на компьютере. Чтобы его увидели другие, файлы нужно положить на сервер. Мы подняли пробный сервер на Linux, на котором не было ничего, и дали нейросети адрес и ключ для входа:

Теперь выложи этот сайт на сервер. Сервер чистый, на Linux. Вот адрес и ключ для входа. Поставь веб-сервер, скопируй файлы сайта, настрой и проверь, что сайт открывается.

Через 4 минуты 36 секунд сайт открывался с сервера. Нейросеть сделала всё сама:

• вошла на сервер и посмотрела, что на нём установлено;
• поставила веб-сервер;
• скопировала страницу и фотографии;
• написала настройку: сжатие страниц и хранение картинок в памяти браузера на 30 дней;
• запустила веб-сервер и проверила ответы.

По дороге сайт сначала не открылся снаружи. Нейросеть сама нашла причину — веб-сервер слушал не тот порт — и исправила настройку.

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

Сервер был пробным, мы подняли его на своём компьютере. На настоящем хостинге мы выкладку не проверяли.

Своё имя сайта и замочек в браузере

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

• Шаги 1–3 делает владелец сайта. Купить имя у регистратора, указать в настройках имени адрес сервера и подождать до суток, пока настройка разойдётся по интернету.
• Шаги 4–7 делает нейросеть, если у неё есть доступ к серверу. Настроить сервер на новое имя, выпустить бесплатный сертификат, включить переход на защищённый адрес и продление сертификата.
• Шаг 8 — проверка. Открыть сайт в браузере и убедиться, что рядом с адресом стоит закрытый замочек.

Эти шаги мы вживую не проверяли: у пробного сервера нет своего имени в интернете.

Что учесть

• Проверка снимками занимает время. Сайт кофейни с проверкой занял 16 минут, магазин без неё — полторы минуты. Проверку можно отключить одной фразой в просьбе.
• Нейросеть добавляет подробности от себя. В меню появились описания вроде «двойной шот, 30 мл», у товаров — размеры и объём. Их нужно сверить и заменить своими.
• На сайте кофейни нейросеть поставила временный адрес сайта для поисковых систем и сама об этом предупредила. Когда появится настоящее имя, его нужно вписать.
• Форма брони и корзина никуда не отправляют заявки: мы так просили. Чтобы заказы приходили на почту, нужна отдельная просьба.

Yenisei Агент или Yenisei CLI: чем делать сайт

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

Приложение Yenisei Агент работает на Windows, macOS и Linux. Оно для тех, кто не программирует: задачу пишут словами, готовые файлы лежат в папке на компьютере. В нём сделано всё, что описано выше.

Yenisei CLI работает на macOS, Linux и Windows. Это помощник для терминала, он рассчитан на разработчиков: его запускают в папке с кодом сайта.

Yenisei CLI мы проверили отдельно, на простой странице-визитке:

В index.html сделай две правки. Первая: добавь описание страницы для поисковых систем. Вторая: форма не должна принимать телефон, в котором меньше десяти цифр. Больше ничего не меняй.

Через 21 секунду обе правки были в файле. Каждую Yenisei CLI показал построчно, а результат сам сохранил в git отдельной записью.

VPN не нужен ни для Yenisei Агента, ни для Yenisei CLI.

Что выбрать

• Сайт для своего дела без программиста — Yenisei Агент: опишите блоки и факты, получите сайт и попросите выложить его на сервер.
• Доработка сайта, у которого есть код и git — Yenisei CLI: правки видны построчно и сохраняются в git.
• Любой сайт от нейросети — откройте его на телефоне, нажмите все кнопки и сверьте цены и описания.