← Все статьи

Как работает вайб кодинг: от сообщения до работающего сайта

Светлая схема-конвейер: от облачка диалога к блокам кода, серверу и глобусу со ссылкой

Вайб кодинг работает как конвейер из четырёх шагов: сообщение → файлы → сервер → публичная ссылка. Вы описываете проект обычным языком («сделай сайт для свадебного фотографа с галереей и формой записи»), ИИ-агент превращает это описание в файлы кода, запускает их на изолированном сервере и отдаёт готовый HTTPS-адрес, который уже можно открыть с телефона. В этой статье разберём, что происходит на каждом шаге конвейера: где живут файлы проекта, зачем серверу порт 3000, как сайт получает адрес и что бывает, когда что-то не сходится. По-моему, это самый недооценённый вопрос вокруг темы: все спорят, «умеет ли ИИ программировать», а интереснее смотреть на механику — она понятнее мифов.

Агент: кто на самом деле пишет код

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

Важная деталь: агент не угадывает мысли. Опишете проект фразой «сделай мне классный сайт» — получите ровно то, что заказали: нечто общее. Чем конкретнее список блоков и требований, тем точнее первая версия. Расплывчатое описание — самая частая причина правок «не то, что я хотел».

Файлы: из одного сообщения вырастает проект

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

Если правка всё-таки что-то сломала, у проекта есть умные бэкапы и откат к стабильной версии в один клик. Готовый код скачивается архивом целиком — его можно перенести на свой хостинг или отдать разработчику. То есть код не заперт внутри сервиса: это ваши файлы.

Сервер: зачем нужен порт 3000

Каждый проект живёт в изолированном окружении: там агент пишет файлы, выполняет команды и запускает приложение. У этого окружения есть жёсткое правило: веб-сервер обязан слушать порт 3000, потому что именно он проксируется на публичный адрес. Если порт занят старым процессом, агент его перезапускает, а не меняет порт — иначе сайт просто не будет виден снаружи.

В первые минуты после запуска сайт может отвечать ошибкой 502 — приложение ещё поднимается, это нормальное поведение, а не поломка. Кнопка «Открыть сайт» в интерфейсе сама проверяет состояние и объясняет, что происходит; повторное открытие через пару минут обычно проходит уже с готовой страницей.

Публикация: адрес вида имя.app.neuralspace.pro

Отдельной кнопки «опубликовать» здесь нет — и она не нужна. Сайт сразу получает адрес вида имя-проекта.app.neuralspace.pro: домен и TLS-сертификат выдаются автоматически, HTTPS включается сразу, без ручной настройки. Ссылку можно открыть на любом устройстве и отправить заказчику; кнопка «Поделиться сайтом» копирует её одним нажатием. Если нужен собственный домен, он привязывается из проекта: вы добавляете DNS-запись, а сертификат и HTTPS сервис подключает сам — купить домен можно на странице «Домены».

Хостинг встроенного сайта стоит 2 токена в сутки (тариф платформы на октябрь 2026) без месячной подписки: проект не нужен — остановите его, и плата прекратится.

Цифры с живой платформы

Пара обезличенных агрегатов с production-базы NeuralSpace (только счётчики — без промптов, имён и идентификаторов; окно 20.07–18.10.2026): всего к моменту замера существовало 600 вайб-проектов, из них 50 созданы за последние 90 дней — поток новых проектов стабильный, а не разовая мода. За масштаб остальной платформы: за 30 дней (18.09–18.10.2026) в ней завершено 12 559 генераций — 10 202 картинки, 1 952 видео и 405 музыкальных треков. Вайб кодинг работает на той же инфраструктуре и с тем же балансом токенов, что и остальные разделы.

Страница вайб кодинга NeuralSpace: поле описания проекта и выбор модели

Что может пойти не так

  • 502 в первые минуты — приложение ещё поднимается; подождите и откройте заново.
  • «Не то, что я хотел» — почти всегда расплывчатое описание. Добавьте список блоков, стиль и чего быть не должно.
  • Порт занят — не меняйте порт вручную: агент перезапустит процесс на 3000 сам.
  • Токены тают на итерациях — цена зависит от модели и объёма правок; базовая модель недорогая, но многократные переписывания всего проекта подряд заметнее для баланса.

Как попробовать эту схему

Откройте раздел вайб кодинга (он же — «Код»), зарегистрируйтесь и опишите проект одним сообщением по каркасу: что за сайт, для кого, какие блоки, какой стиль. Нажмите «Создать проект» — агент пройдёт весь конвейер: файлы, запуск, публикация. Подписки нет: новым пользователям начисляются стартовые токены, дальше оплата по токенам без абонентской платы; для старта на базовой модели достаточно 3 токенов на балансе.

Частые вопросы

Где хранятся файлы моего проекта?

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

Можно ли поменять порт 3000 на другой?

Нет: наружу проксируется именно порт 3000. Если старый процесс занял порт, агент перезапускает его — так сайт остаётся доступным по адресу.

Почему после создания сайта ошибка 502?

Приложение ещё стартует. Подождите пару минут и откройте снова; кнопка «Открыть сайт» сама проверит готовность.

Нужно ли платить за хостинг отдельно?

Хостинг встроенного сайта — 2 токена в сутки, списания идут с общего баланса токенов, отдельной подписки нет. Проект не нужен — остановите его, и плата прекратится.