Лайфхаки· 9 мин чтения

Вайб-кодинг с нуля: первый рабочий сервис за выходные

Как собрать первый сервис на вайб-коде за выходные: выбор задачи, инструменты (Claude Code, Cursor, Lovable, Bolt, v0) и пошаговый план на два дня.

Первый рабочий сервис на вайб-коде реально собрать за выходные, если выбрать узкую задачу (форма, калькулятор, квиз, учёт), подходящий инструмент и двигаться маленькими шагами с сохранением версий. Для прототипа в браузере подойдут Lovable, Bolt или v0, для проекта на своём сервере с интеграциями — Claude Code или Cursor. Ниже — как выбрать и план на два дня.

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

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

Мы в Emaya так собираем калькуляторы, квизы, внутренние панели и интеграции с Битрикс24 — от прототипа за день до продакшна за пару недель. Опыт показывает: успех определяет не инструмент, а размер задачи и дисциплина.

Шаг 0. Выберите правильную задачу

Хорошая задача для первого сервиса:

  • решает одну боль одного типа пользователей;
  • имеет понятный вход и выход;
  • не требует оплаты картой и сложных прав доступа;
  • её можно показать коллеге через неделю.

Примеры: калькулятор стоимости ремонта для менеджеров, квиз для сбора лидов, форма заявок с уведомлением в Telegram, таблица учёта техники в офисе, генератор КП из шаблона.

Плохие первые задачи: «свой маркетплейс», «CRM для всей компании», «приложение как у Kaspi».

Инструменты: когда что

Функции этих сервисов меняются быстро, поэтому описываем общий принцип, а не список кнопок.

Lovable, Bolt, v0 — работают в браузере. Описали — получили приложение с интерфейсом за минуты. Сильны в прототипах и интерфейсах, удобны, чтобы показать идею. Ограничения проявляются, когда нужно своё серверное окружение, нестандартная интеграция или полный контроль над кодом. v0 особенно хорош для интерфейсных компонентов и страниц.

Cursor — редактор кода со встроенным ИИ. Подходит, если вам комфортно видеть файлы и код, а проект нужно развивать долго.

Claude Code — ИИ-агент в терминале, десктопе или IDE: сам создаёт файлы, запускает команды, читает ошибки. Хорош для проектов, которые будут жить на вашем сервере, работать с базой данных и API (например, Битрикс24). Как начать — в статье «Claude Code: как установить и начать».

Короткое правило:

ЗадачаИнструмент
Показать идею, лендинг, прототип интерфейсаLovable, Bolt, v0
Долгий проект, хочется видеть кодCursor
Свой сервер, база, интеграция с CRMClaude Code

Комбинировать нормально: прототип интерфейса в v0, затем перенос и развитие в Claude Code.

План на субботу

Утро: техническое задание на одну страницу

Попросите ИИ помочь его написать:

Помоги составить ТЗ на простой веб-сервис. Задача:
менеджеры считают стоимость ремонта квартиры по площади
и пакету (Комфорт / Бизнес), видят итог и могут скачать
PDF для клиента. Задай мне вопросы, затем оформи ТЗ:
пользователи, экраны, поля, расчёты, что НЕ входит
в первую версию.

Раздел «что не входит» — самый важный. Он защищает от расползания задачи.

День: первая рабочая версия

Вот ТЗ (ниже). Собери первую версию: только расчёт и
вывод итога, без PDF. Самый простой стек. Инициализируй
git и сделай коммит, когда расчёт заработает.

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

Вечер: вторая фича

Добавьте PDF или отправку заявки. Одна фича — один коммит.

План на воскресенье

Утро: доводка

Пройдись по проекту как тестировщик: найди, что сломается
при пустых полях, отрицательных числах, медленном интернете,
открытии с телефона. Составь список и исправь по одному,
коммит после каждого.

День: секреты и конфигурация

Если есть ключи (Telegram-бот, Битрикс24, почта) — убедитесь, что они в .env, а .env в .gitignore.

Проверь проект: нет ли в коде токенов, паролей, ключей API.
Всё вынеси в .env, добавь .env.example с пустыми значениями.

Вечер: показать людям

Для прототипа достаточно встроенной публикации Lovable/Bolt/v0. Если нужен свой домен и сервер — это отдельный этап: сервер, HTTPS, автозапуск, бэкапы. Его лучше делать спокойно, а не в воскресенье в 23:00.

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

Один и тот же проект начинается по-разному в зависимости от инструмента.

Для Lovable, Bolt или v0 — описывайте экраны и поведение, это их сильная сторона:

Веб-приложение «Калькулятор ремонта». Один экран:
слева форма (площадь в м², пакет: Комфорт / Бизнес,
санузлов: 1–3), справа карточка с итогом в тенге
и разбивкой по статьям. Светлый минималистичный дизайн,
удобно на телефоне. Кнопка «Скачать PDF» пока неактивна.

Для Claude Code — добавьте технические рамки и правила работы:

Создай веб-приложение «Калькулятор ремонта» по ТЗ
из файла TZ.md. Требования: простой стек, который легко
развернуть на Linux-сервере; цены за м² вынеси
в отдельный конфиг, чтобы менять без правки кода;
никаких ключей в коде. Сначала покажи план и структуру
файлов, после моего «ок» — реализуй и запусти локально.

Для Cursor — работайте в режиме чата с проектом и ссылайтесь на конкретные файлы, когда просите правки.

Как понять, что прототип удался

  • Коллега без ваших пояснений может им воспользоваться.
  • Расчёт совпадает с ручным на 5 контрольных примерах.
  • На телефоне ничего не съезжает.
  • Вы можете объяснить, где хранятся данные и что будет, если сервис перезапустить.

Если последний пункт вызывает затруднения — спросите об этом сам ИИ: «объясни, где и как хранятся данные в этом проекте и что произойдёт при перезапуске».

Пять правил, без которых выходные пропадут

  1. Маленькие шаги. Одна фича за раз, проверка, коммит.
  2. Сначала план. Для любой правки сложнее одной кнопки — попросите план и прочитайте его.
  3. Не просите «сделай красиво» вслепую. Дайте скриншот-референс или опишите стиль конкретно.
  4. Сохраняйте промпты. Удачные формулировки пригодятся в следующих проектах.
  5. Остановитесь вовремя. Если ИИ третий раз чинит одно и то же — откатитесь к рабочему коммиту и переформулируйте задачу.

И ещё одно: не бойтесь выбросить первую версию. Прототип нужен, чтобы понять задачу. Иногда вторая сборка с нуля по уточнённому ТЗ занимает пару часов и получается заметно чище, чем бесконечные заплатки на первой.

Что будет после выходных

Скорее всего, у вас будет рабочий прототип, который нравится коллегам. Дальше начинается взрослая часть: сервер, домен, авторизация, бэкапы, интеграция с CRM, мониторинг. Именно здесь большинство вайб-проектов и ломается — почему и как этого избежать, читайте в статье «Почему вайб-код ломается».

Если хотите пропустить этап проб и сразу получить сервис в продакшне — мы делаем это на вайб-коде, стоимость можно прикинуть в калькуляторе КП. А если прототип уже есть и его нужно довести до ума — поможет «Аптечка вайб-кода».

Коротко: вопросы и ответы

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

Это разработка, при которой вы описываете задачу обычным языком, а ИИ пишет код. Человек отвечает за цель, проверку и решения, ИИ — за реализацию.

Что выбрать новичку: Lovable, Bolt, Cursor или Claude Code?

Для быстрого прототипа в браузере — Lovable, Bolt или v0. Для проекта, который будет жить на своём сервере и интегрироваться с CRM, — Claude Code или Cursor.

Можно ли за выходные сделать сервис для реальной работы?

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

Проекты из статьи

Хотите так же у себя?

Посчитаем срок и цену за 2 минуты — или напишите нам в Telegram.

Читайте также
Напишите нам
Заявка

Обсудим задачу?

Ответим в течение часа в рабочее время. Или сразу напишите в WhatsApp.

Нажимая «Отправить», вы соглашаетесь на обработку контактных данных для ответа на заявку.

Пройти →