Вайб-кодинг и нейросети: можно ли сделать сайт с ИИ и почему я проверяю каждую строку

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

Стеклянный пульт с двумя рукоятками, одна из которых светится

Спор «заменит ли ИИ программистов» идёт давно. Я веб-разработчик, пишу сайты с 2022 года, прошёл онлайн-обучение и сам разбираюсь в коде. Нейросетями я пользуюсь постоянно, и моя позиция такая: это отличный инструмент, если уметь им пользоваться и не выключать собственную голову.

Что такое вайб-кодинг простыми словами

Вайб-кодинг — это когда вы описываете задачу обычными словами, а код пишет нейросеть. Сказали «сделай форму заявки с тремя полями», получили готовый код, запустили. Часто, не вчитываясь в то, как он устроен.

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

Полезно знать

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

Где нейросеть реально ускоряет

Выигрыш я вижу в нескольких местах. Вот где она экономит мне больше всего времени:

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

Скрывать тут нечего: иллюстрации на этом сайте, в том числе обложки статей блога, тоже сделаны нейросетью. Задача, сцена и итоговый выбор остаются за мной.

Оживление картинок: статичное изображение превращается в небольшую анимацию.

Где нейросети нельзя доверять вслепую

Теперь о второй стороне. Нейросеть пишет уверенно, и поэтому её ошибки легко пропустить. Вот что чаще всего оказывается внутри «готового» кода:

  • Работает «в среднем», но ломается в нетипичном случае. Код выглядит рабочим, пока вы не введёте непривычные данные.
  • Безопасность. Формы, доступы, данные посетителей: нейросеть может не предусмотреть проверку того, что присылает пользователь.
  • Логика вашего дела. Она не знает вашего бизнеса и делает так, как «обычно». А у вас может быть иначе.
  • Лишнее. Тяжёлые подключённые библиотеки, дублирующийся код. Позже такой сайт дорого поддерживать.
Стеклянная линза над рядом прозрачных кубиков, один из которых светится янтарным
Среди одинаковых блоков кода всегда нужно найти тот, что отличается.

Никто не идеален, и нейросеть тоже. Поэтому весь код, который она написала, я читаю целиком и ищу в нём ошибки так же, как в собственном.

Как выглядит работа в тандеме

Мой порядок простой, и я стараюсь не отступать от него:

  1. Ставлю задачу чётко: что нужно получить и зачем.
  2. Получаю черновик от нейросети.
  3. Читаю код целиком. Если что-то не понимаю, прошу объяснить или переписываю по-своему.
  4. Проверяю в работе: запускаю, пробую неожиданные данные, смотрю на телефоне.
  5. Правлю сам и только потом считаю задачу выполненной.

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

Отдаю нейросети
  • Черновик кода и вёрстки
  • Рутину и шаблонные блоки
  • Иконки, иллюстрации, SVG
  • Небольшую анимацию
  • Первую версию поиска ошибки
Проверяю и решаю сам
  • Логику и устройство проекта
  • Безопасность форм и данных
  • Каждую строку кода: читаю и понимаю
  • Работу на телефоне и в браузерах
  • Итог и ответственность за него

Результат: быстрее, чем вручную, и под контролем человека.

«Сделай всё», не глядя в код
  • Код выглядит рабочим, а ошибка проявится позже
  • Дыры в безопасности остаются незамеченными
  • Никто не понимает, как всё устроено
  • Любая правка превращается в лотерею
  • Отвечать за результат некому

Результат: быстро сегодня и дорого завтра.

Что это даёт заказчику

  • Скорость и цена. Рутина не съедает часы, и они остаются на то, что действительно влияет на результат.
  • Больше «живого» в проекте. Иллюстрации, иконки и небольшая анимация появляются без отдельного дизайнера и без лишних затрат.
  • Понятная ответственность. За итог отвечаю я, а не нейросеть: код я прочитал, проверил и могу объяснить.

Если у вас уже есть сайт, сделанный нейросетью или «на коленке», его можно проверить и довести до рабочего состояния: подробности на странице поддержки и доработки сайтов. А если нужен новый сайт, начать можно с лендинга или сайта-визитки.

Что я думаю как разработчик

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

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

Короткие ответы

Что такое вайб-кодинг простыми словами?

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

Можно ли сделать сайт с помощью нейросети?

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

Заменит ли нейросеть программистов?

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

Читайте также

Нужен сайт, сделанный с умом?

Быстро, с современными инструментами и с проверкой каждой строки. Опишите задачу, и я отвечу, как сделаю и сколько это стоит

Связаться со мной