Вайбкодинг бесплатно: три шага от агента до готового сайта
Агент, бесплатная модель и сайт с заявками в интернете: повторите за мной по ролику
Ниже те же шаги, что в ролике, в том же порядке: все ссылки, промпты и что делать, когда бесплатное кончилось.
Для примера я собрал сайт-квиз для клининга. Клиент выбирает тип уборки, площадь квартиры, окна и холодильник, сразу видит цену и оставляет имя и телефон. Сайт выложен в интернет, ссылку может открыть любой человек, а заявки падают в админку. Код руками я не писал, и карту при регистрации, насколько я помню, нигде не просили.
Все ссылки гайда
Шаг 1. Выбираем ИИ-агента
- Таблица ИИ-агентов — выбрать агента с пометкой BYOK
- OpenCode — скачать программу-агента
- Стартер Spec-Driven Company — первый промпт: «Русский» вверху описания
Шаг 2. Подключаем бесплатную модель
- Таблица бесплатных нейросетей — какая модель умнее и отвечает сейчас
Шаг 1. Выбираем ИИ-агента
Агент, а не чат
Чат — это переписка, где вы задаёте вопрос и получаете ответ. Агент работает за вас. Он сам пишет код, запускает команды и проверяет, что получилось.
Таблица ИИ-агентов
Агентов десятки, поэтому мы собрали их в одну таблицу ИИ-агентов. Она отсортирована по двум числам. Индекс показывает, насколько агент популярен в русскоязычном интернете. РуБенч — наш тест того, насколько хорошо агент решает задачи.
Наверху Claude Code и Codex, но для бесплатной сборки они не подходят. Codex частично бесплатен в ChatGPT, только лимит там небольшой. Нам нужен агент с пометкой BYOK в колонке «Модели». Это bring your own key: агент бесплатный, а модель вы подключаете любую, в том числе бесплатную.
Ближе всех Cline, но его я сам не проверял. Я взял OpenCode.
Ставим OpenCode
В таблице нажмите OpenCode и перейдите с карточки на сайт программы. На странице загрузки выберите OpenCode Desktop для своей системы. Это обычная программа с окном, командную строку открывать не нужно.
После установки откройте OpenCode и выберите папку будущего проекта. Нажмите список проектов под полем ввода, затем Add project, и укажите пустую папку.
Первый промпт: стартер
Чтобы не объяснять, на чём строить фронтенд и бэкенд, я упаковал это в открытый репозиторий Spec-Driven Company. В нём стек, который я выбрал за четыре года вайбкодинга под код с ИИ, и готовые промпты установки. Есть версия на русском.
В ролике я взял онлайн-промпт «Next.js · Tailwind · Convex · GitHub · Vercel». Всё это доступно бесплатно, и проект сразу выходит в интернет. Промпт лежит в репозитории стартера на GitHub: я его постоянно обновляю, и там всегда свежая версия.
Откройте репозиторий и в начале описания нажмите «Русский».
В русском описании под таблицей стеков откройте блок «Онлайн-промпт: Next.js · Tailwind · Convex · GitHub · Vercel».
Скопируйте промпт кнопкой в углу блока и вставьте в OpenCode. Отправлять пока рано, сначала агенту нужна модель.
Шаг 2. Подключаем бесплатную модель
Агент сам по себе ничего не умеет: это обёртка, которой нужны мозги. Мозги — это модель, и она должна быть бесплатной.
Почему модели бесплатные
Несколько лабораторий пытаются потеснить пятёрку лидеров и раздают свои модели даром, чтобы их попробовали. Поэтому бесплатные модели есть, но список меняется каждый день. На YouTube полно роликов про нейросети «бесплатно навсегда», а вчерашний способ сегодня может уже не работать. Ролик я записал 17 октября 2026 года, и уже назавтра список мог стать другим.
Живая таблица бесплатных моделей
Поэтому мы сделали таблицу бесплатных нейросетей для кода и делаем в ней две вещи. Замеряем, какая модель умнее. И проверяем, какая отвечает прямо сейчас: каждые два часа пишем всем бесплатным моделям «hi» и отмечаем, кто ответил. Названия у моделей непонятные, их десятки, и по таблице видно, какую брать сегодня.
Выбираем модель и отправляем промпт
Я начал с самой умной из списка, Muse Spark 1.3, но она оказалась недоступна. Пересел на GLM 5.3 Flash, и её хватило с запасом на весь проект: фронтенд, бэкенд, GitHub и выкладку в интернет. Я собрал проект дважды, на русском и на английском, оба раза всё сработало.
В OpenCode откройте список моделей под полем ввода, найдите GLM 5.3 Flash Free и выберите её. У бесплатных моделей OpenCode лимит 200 запросов в день (FAQ OpenCode, 26.09.2026). Теперь отправьте промпт стартера.
Промпт — это просто текст, в котором сказано, что поставить и как настроить. Готовых программ внутри нет, поэтому агент ставит текущие стабильные версии на день запуска. Репозиторий я обновляю по тому, что работает в моих проектах и проектах клиентов.
Шаг 3. Собираем приложение
Пока агент ставит проект, заведите три аккаунта, если их ещё нет. Дальше один шаг руками и два промпта.
Три бесплатных аккаунта
GitHub хранит код в интернете, и если компьютер сломается, код не пропадёт. Агент сам заведёт там приватный репозиторий проекта.
Convex хранит базу данных, в нашем случае заявки.
Vercel показывает сайт людям и обновляет его, когда новый код попадает в основную ветку на GitHub.
Если не понимаете, куда нажать, спросите прямо в OpenCode. Промпт написан так, чтобы агент вёл вас по шагам.
Если вы строите бизнес в РФ и собираете телефоны клиентов, закон о персональных данных (152-ФЗ, статья 18, часть 5) требует хранить их в базах на территории РФ. Серверы Convex и Vercel находятся за границей, поэтому этот стек подходит, чтобы учиться и проверять идеи без настоящих данных людей. В ролике стек международный, потому что полностью бесплатного варианта в российских облаках я не нашёл, хотя перепробовал их от Яндекса до нишевых. Про российские облака напишите в комментариях под роликом: наберётся спрос, сниму отдельный ролик.
Ключ Convex для Vercel
Первое техническое, что придётся сделать руками, — ключ Convex для Vercel. Агент сам расписал шаги:
- В Convex откройте проект: Settings → Deploy Keys → Create Deploy Key.
- Имя дайте то, что предложил агент, у меня vercel-production. Права отметьте те, что назвал агент, и нажмите Create. Скопируйте ключ: Convex показывает его один раз.
- В Vercel откройте проект: Settings → Environment Variables → Add Environment Variable.
- Key — CONVEX_DEPLOY_KEY, в Value вставьте ключ, в Environments оставьте только Production. Нажмите Save.
- Напишите агенту «готово». Дальше он сам выложит проект.
Пароль от админки
Стартер собирает простую главную страницу и админку с паролем.
В папке проекта появятся папка main с основным кодом, папка _wt с рабочими копиями задач, которые ещё не ушли в интернет, и файлы AGENTS.md и CLAUDE.md с правилами для агента.
Пароль от админки агент придумал сам и записал в файл main/.env.local, строка ADMIN_PASSWORD. Откройте файл в любом редакторе, я смотрю его в Cursor. Этот файл не уходит в GitHub. Зашли в админку по паролю, значит, базовая сборка готова.
Второй промпт: квиз
Второй промпт описывает бизнес: четыре вопроса, цены и форму заявки. Агент сначала записывает это описание в docs/README.md как спецификацию, потом строит по ней сайт. Цены в промпте условные, ставьте свои.
Новая задача. Сделай сайт-квиз для клининговой компании «Чистый дом» в Москве. По правилам AGENTS.md: сначала запиши это описание в docs/README.md как спецификацию проекта, потом строй по ней. Что видит клиент, в первую очередь на телефоне: - Главная страница / — квиз из четырёх вопросов, по одному на экране, с кнопкой «Дальше» и полоской прогресса: 1. Какая уборка: поддерживающая — 90 ₽ за м², генеральная — 150 ₽ за м², после ремонта — 220 ₽ за м². 2. Площадь квартиры в м²: ползунок от 20 до 200. 3. Сколько окон помыть: от 0 до 10, 400 ₽ за окно. 4. Что добавить: холодильник 600 ₽, духовка 600 ₽, балкон 900 ₽ — можно несколько или ничего. - После четвёртого вопроса — крупная цена с разбивкой по строкам, поле «Имя», поле «Телефон» и кнопка «Записаться на уборку». - После отправки — «Заявка принята, позвоним в течение 15 минут». Техника: - Заявка сохраняется в Convex: таблица заявок (время, ответы квиза, цена, имя, телефон, статус «новая») и функция «создать заявку». Цену пересчитывает сервер по тем же ценам, а не только страница. - Все цены — в одном файле кода; в docs/README.md — таблица тех же цен. Поменяю цену в описании — ты правишь этот файл. - Светлый фон, крупные кнопки, без картинок и внешних шрифтов. Все тексты на русском. - Тест: «генеральная, 54 м², 4 окна, холодильник» стоит 10 300 ₽ (8 100 + 1 600 + 600). - Сайт должен открываться с телефона в той же Wi-Fi сети. Готово, когда я прохожу квиз на телефоне, вижу цену, отправляю заявку и она лежит в Convex, а check зелёный. В отчёте: адрес для телефона, что сделано, где остановился.
GLM 5.3 Flash собрала квиз и дала две ссылки. Локальная открывается только на вашем компьютере. Рабочая ведёт на сайт в интернете, и её может открыть любой человек.
Пока это просто опросник: заявки никуда не падают. Для этого нужен третий промпт.
Третий промпт: админка
Третий промпт строит админку: цифры за сегодня, таблицу заявок и статусы от «новая» до «выполнена».
Новая задача. Сделай админку клининга «Чистый дом» — сюда приходят заявки с квиза. Сначала допиши её в docs/README.md, потом строй. Где: /admin, вход по паролю уже есть. Заявки — сверху страницы; то, что на /admin уже было (описание проекта и журнал), остаётся ниже. Что видит владелец: - Сверху три цифры: заявок сегодня, на какую сумму, сколько ещё не обработано. - Таблица заявок, новые сверху: время, имя, телефон (нажимается и звонит с телефона), уборка, площадь, окна, дополнения, цена, статус. - Статус меняется кнопками в строке: новая → позвонили → уборка назначена → выполнена, или «отказ». Над таблицей — фильтр по статусу. - Новая заявка появляется в таблице сама за пару секунд, без перезагрузки: отправил квиз с телефона — строка уже на экране. - Удобно и с телефона: на узком экране строка заявки превращается в карточку. Техника: - Та же таблица заявок в Convex; функции «список заявок», «цифры за сегодня» и «сменить статус». - Телефоны — личные данные: список отдаётся только после входа в админку. Функции админки в Convex проверяют секретный ключ из переменной окружения; браузер этот ключ не видит. - «Сегодня» считается по московскому времени. - Тест: смена статуса сохраняется, а цифры за сегодня считают только сегодняшние заявки. Готово, когда я отправляю заявку с телефона, вижу, как она сама появляется в /admin, меняю ей статус, а check зелёный. В отчёте: адрес админки, что сделано, где остановился.
Отправьте заявку с телефона, и она сама появится в таблице: админка обновляется раз в 2,5 секунды. Агент добавил и проверку данных, например квиз не примет неполный телефон.
К такой админке можно подключить Telegram, чтобы заявки приходили в чат. Как собрать бота для записи клиентов, я показываю в следующем ролике.
Код ваш
Весь код лежит у вас на компьютере и в вашем репозитории на GitHub. Вы хозяин проекта: можете открыть любой файл, поменять его сами или попросить агента. Vercel забирает код из GitHub и обновляет сайт сам.
Когда бесплатное кончилось
В конце ролика я даю совет на случай, когда бесплатное кончилось. Кончилось в одном месте — идите к следующему.
Модель перестала отвечать. Возьмите следующую живую из таблицы бесплатных нейросетей и напишите агенту «продолжай». Описание проекта лежит в его папке, поэтому новой модели задачу заново объяснять не нужно.
Кончились бесплатные модели в OpenCode. Так бывает, когда модели убрали или вышел дневной лимит в 200 запросов. Откройте таблицу ИИ-агентов и посмотрите, у кого ещё есть бесплатный вход. В ролике я иду по ней сверху вниз и называю Codex, Cursor, OpenClaw и Cline.
Перед выбором сверьте в таблице две колонки. «Вход» показывает, есть ли бесплатный тариф. «Из РФ» показывает, работает ли агент из РФ или только с зарубежного IP.
Если застряли
Модель недоступна. Выберите следующую живую модель из таблицы бесплатных нейросетей и напишите агенту «продолжай».
OpenCode пишет про лимит. Продолжите назавтра или перейдите к другому агенту с бесплатным входом из таблицы ИИ-агентов.
Агент ждёт регистрацию. Заведите аккаунт, о котором он просит, и напишите «готово».
Сайт не выкладывается в интернет. Проверьте ключ CONVEX_DEPLOY_KEY в Vercel: шаги в разделе «Собираем приложение».
Не пускает в админку. Пароль лежит в файле main/.env.local, строка ADMIN_PASSWORD.
Непонятно, куда нажать. Спросите агента прямо в OpenCode, он объяснит по шагам.
Частые вопросы
Можно ли вайбкодить бесплатно?+
Да. Нужны бесплатный ИИ-агент, например OpenCode, бесплатная модель вроде GLM 5.3 Flash и бесплатные тарифы GitHub, Convex и Vercel. Так я собрал в ролике сайт-квиз с базой заявок и админкой и выложил его в интернет. Карту при регистрации, насколько я помню, нигде не просили.
Бесплатные нейросети для кода работают навсегда или их отключат?+
Отключат: OpenCode раздаёт бесплатные модели «на ограниченное время», и список меняется каждый день. Какие модели отвечают прямо сейчас, показывает таблица бесплатных нейросетей для кода, она проверяет их каждые два часа. Отключили модель — берите следующую живую и напишите агенту «продолжай».
Что делать, если не получается установить OpenCode?+
Скачайте заново версию именно для своей системы: на opencode.ai/download есть сборки для macOS, Windows и Linux. Это обычная программа с окном, командную строку открывать не нужно. Если ошибку показывает уже агент во время сборки проекта, вставьте её текст в чат OpenCode и попросите исправить.
Сколько запросов в день дают бесплатные модели OpenCode?+
200 запросов в день (FAQ OpenCode, 26.09.2026). Упёрлись в лимит — продолжите назавтра или перейдите к другому агенту с бесплатным входом из таблицы ИИ-агентов.
Бесплатная нейросеть для кода слабее Claude?+
Для сайта с квизом и админкой силы хватило: GLM 5.3 Flash собрала квиз, базу заявок и админку и выложила их в интернет, я проверил это дважды. Какая бесплатная модель умнее сегодня, видно в таблице бесплатных нейросетей для кода.
Нужна ли мощная видеокарта, чтобы писать код нейросетью бесплатно?+
Нет. Модель работает в облаке, ваш компьютер её не считает. Видеокарта нужна тем, кто запускает модель у себя, а в гайде этого нет.
Безопасно ли ставить OpenCode и стартер?+
Всё, что ставится, открытое и берётся с официальных сайтов. Сами вы ставите только OpenCode с opencode.ai, остальное агент ставит по промпту стартера. Стартер — это текстовые файлы на GitHub, которые можно прочитать до запуска. Код проекта лежит в вашей папке и в вашем приватном репозитории на GitHub.
Работает ли OpenCode из РФ?+
Да. 18 октября 2026 года сайт OpenCode и сервер его бесплатных моделей открылись во всех 20 проверках с домашних интернет-провайдеров РФ. OpenRouter в гайде не нужен. Что открывается из РФ у других агентов, показывает колонка «Из РФ» в таблице ИИ-агентов.
Можно ли хранить заявки клиентов из РФ в Convex?+
Для настоящего бизнеса нет: закон о персональных данных (152-ФЗ, статья 18, часть 5) требует хранить данные граждан РФ в базах на территории РФ. Этот стек подходит для учёбы и проверки идеи без настоящих данных людей.