Как создать и зарелизить продукт при помощи AI: полный гайд по no-code разработке с Lovable и Claude Code

Спикер: Искандер Хабибрахманов

  • AI-предприниматель, продакт-менеджер и основатель стартапов Hyperverse, Skill Labs, Kardamon.ai, Shanc.ai;
  • Ex-CPO в Emex, Legionfarm (YC W20), PM в «Самокате»;
  • Yandex: сделал AI-систему трекинга усталости водителей;
  • Kardamon.ai: построил продукт с помощью агентов, интегрировал 4 легаси-системы и с их же помощью собрал документацию по данным 4 WMS.

Disclaimer: практический воркшоп, читайте конспект и смотрите запись, чтобы повторить за Искандером.

  1. Запись встречи
  2. Презентация
  3. Дата воркшопа: 19 мая 2026 года

Фокус воркшопа

Главная цель встречи — показать современный стек AI-инструментов, с помощью которого можно собрать и задеплоить рабочий продукт без единого разработчика в команде. Участники своими руками прошли путь от идеи до задеплоенного на реальном хостинге прототипа: собрали лендинг и продукт с бэкендом и базой данных в Lovable, забрали код через GitHub и выгрузили его на собственный хостинг Render через Claude Code.

Что изменилось за последние полтора года

Будущее наступило, но наступило неравномерно. Чтобы раскрыть этот потенциал, нужно понимать, как это устроено, какие вопросы задавать LLM и какими инструментами пользоваться

Искандер Хабибрахманов, AI-предприниматель и продакт-менеджер

Слайд «Было / Стало»: полтора года назад MVP — неделя работы инженера, лендинг — $2–5k у фрилансера, бэк и БД — команда и 2 недели; сейчас — вечер для не-инженера, бесплатно за час, один человек и полдня

Анатомия продукта: метафора ресторана

Слайд «Анатомия продукта: ресторан»: фронт — что видно в браузере, зал ресторана; бэк — что происходит после клика, кухня; БД — Excel-таблица для приложений, склад; Git — «история» Google Docs для кода, сейф с рецептами; хостинг — аренда квартиры для сайта, здание и адрес

Чтобы разобраться в незнакомых терминах, Искандер предложил простую аналогию — ресторан.

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

Карта инструментов

Слайд «Карта инструментов»: дизайн — Claude Design, Google Stitch, Figma Make; фронт — Lovable, v0, Bolt; бэк и база данных — Claude Code + Postgres, Cursor; хранилище кода — GitHub; хостинг — Render, Vercel, Railway

GitHub — Google Docs для кода

Три карточки про GitHub: история версий — каждое изменение сохраняется автоматически; при поломках — откатываешься на любую предыдущую версию; ты не пишешь команд — Claude Code сам коммитит, хостинг сам подхватывает

Структура хорошей сессии с AI-агентом

(фреймворк Anthropic для работы с Claude Code)

  1. Изучить (Explore) — Claude изучает контекст проекта, не пишет код. «Прочти файлы, где обрабатываются сообщения и где они хранятся. Не пиши код, просто разберись».
  2. Спланировать (Plan) — модель составляет план разработки. Ключевые слова для глубины: «think» / «think hard» / «ultrathink».
  3. Сделать (Code) — Claude пишет код по плану и сам проверяет его по ходу работы.
  4. Сохранить (Commit) — Claude сохраняет изменения в Git с понятным описанием того, что и зачем было сделано.

Практический кейс: от промпта до задеплоенного продукта

Идея для демо: продукт, где можно анонимно оставить фидбек. Админ создаёт ссылку и делится ею с другими — пользователи оставляют фидбек, админ его читает. Целевая аудитория — те, кто делает презентации и вебинары; преимущество — простота и отсутствие регистрации.

Слайд с примером explore-промпта в Claude: продукт, где можно анонимно оставить фидбек; админ создаёт ссылку и шарит её с другими; пользователи — те, кто делает презентации и вебинары; преимущества — простота, не нужно регистрироваться

Кейс прошёл через все уровни сложности продукта:

  1. Лендинг. Идея в 2–3 строчках была отдана в LLM с просьбой изучить похожие продукты в вебе и написать подробный промпт для Lovable (структура блоков, hero, палитра, типографика). Получившийся промпт вставили в Lovable — лендинг собрался и сразу оказался задеплоен по ссылке Lovable.
  2. Продукт с бэкендом и базой данных. В тот же промпт добавили конкретные пользовательские действия (создать ссылку на опрос, зайти как админ, оставить ответ как пользователь) — и попросили LLM написать техническое задание со схемой базы данных и моделью доступа. По этому промпту Lovable собрал уже рабочий прототип: с созданием ссылок, формой ответа и админской страницей со списком фидбеков. Под капотом у Lovable в этот момент реально работала база данных на Supabase с двумя таблицами — опросы и ответы.
  3. Полноценный хостинг. Готовый код забрали из Lovable через GitHub, склонировали в свою среду разработки и передали Claude Code с задачей «зарелизить продукт на Render, бесплатная версия, сделай Docker + Render YAML». Claude Code сам написал Dockerfile, настроил переменные окружения для Supabase и задеплоил продукт на Render — с полным контролем над хостингом и возможностью масштабирования в будущем.
Слайд «Demo 1: Лендинг в Lovable»: создаём лендинг в Lovable, копируем наш промпт в Lovable и смотрим, что получится
Слайд «Делаем продукт в Lovable»: идея продукта для анонимного фидбека и три действия — создать ссылку на сбор фидбека, прочитать текущие фидбеки, оставить фидбек по ссылке; задание — продумай и сделай промпт для создания MVP-продукта в Lovable

Показательный момент воркшопа: с первого раза деплой не завёлся — Render вернул ошибку. Лайфхак Искандера: ошибка деплоя просто копируется обратно в Claude Code, который сам её анализирует и исправляет Dockerfile. Продукт завёлся с третьей попытки — и это, по словам спикера, совершенно нормальный рабочий процесс, а не провал.

Что Lovable умеет, а что не заменяет

Таблица «Справляется / Не умеет — не заменяет» по сферам применения: типы проектов, работа с данными, хостинг и развёртывание, интеграции и логика, технологический стек

Уровни зрелости AI-кодинга

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

Таблица уровней зрелости AI-кодинга: Lvl 0 — копи-паст в чат с LLM, Lvl 1 — билдеры (Lovable, Bolt, Base44), Lvl 2 — локальный агент, Lvl 3 — автоматизированные пайплайны, Lvl 4 — автопилоты

На интенсиве разберём Dev-агентов

Шесть карточек с Dev-агентами: дизайн при помощи Claude Design, передача дизайна в Claude Code, агент-архитектор, агент-тестировщик, агент-разработчик и multi-agent

Другие агенты, которые можно построить по той же логике

  • Аналитический (SQL) агент — делает запросы к базе данных и строит дашборды автоматически
  • Внутренние агенты — используют базу знаний компании (Notion, Confluence, Google Drive) для продуктовых решений
  • Агенты из Business Development / Sales / Marketing — собирают данные о конкурентах, трендах и рынке
  • Agent as product — кастомный агент, который релизится пользователям как самостоятельный продукт

FAQ участников воркшопа

1. В чём разница между Cursor и Claude Code?

Ответ Искандера → Это разные вещи. Cursor — среда разработки (IDE), удобный инструмент для чтения и написания кода, подключения к базе. Claude Code — агент, надстройка над LLM, который дает инструменты читать и писать код: с ним можно общаться прямо в терминале или подключить к среде разработки.

2. Зачем идти в Lovable, если можно сразу в Claude Code?

Ответ Искандера → Для нетехнических людей Lovable проще и сразу хостит продукт под ключ. При сборке в Claude Code нужен собственный хостинг, если хочется поделиться продуктом с кем-то ещё.

3. Можно ли редактировать выгруженный из Lovable код и увидит ли это Lovable?

Ответ Искандера → Да, если репозиторий на GitHub подключён к тому же проекту — изменения синхронизируются в обе стороны.

4. Какая связка инструментов сейчас самая рабочая?

Ответ Искандера → По итогам ~20 интервью с продактами из международных компаний (включая Spotify, Meta, Google, Amazon) большинство используют связку Claude + Claude Desktop + Claude Code, хотя у аналогов вроде Codex тоже много хороших отзывов.

5. Что Docker даёт продукту, собранному в Lovable?

Ответ Искандера → Docker — это «упакованная кухня в коробке»: инструкция, которая гарантирует, что продукт одинаково работает на любом сервере, а не только «на моём компьютере». Dockerfile при этом пишет сам Claude Code.

6. Подойдёт ли курс, если основная задача — дизайн и UX?

Ответ Искандера → Да. Дизайн долго был самым слабым местом у LLM, но с появлением Claude Design и Google Stitch эта часть цикла стала сильно быстрее — дизайнерам такой навык позволяет самостоятельно доводить прототип до состояния, которое можно показать пользователям.

Главные выводы воркшопа

  1. Разработка продукта — это не всегда команда и месяцы: связка AI-инструментов позволяет собрать рабочий MVP в одиночку за часы.
  2. Продукт состоит из пяти частей — фронт, бэк, база данных, хранилище кода и хостинг — и под каждую есть свой AI-инструмент.
  3. Билдеры вроде Lovable отлично закрывают лендинги и простые MVP «под ключ», но не заменяют полноценную разработку для сложной логики.
  4. Хорошая сессия с агентом строится по циклу: изучить → спланировать → сделать → сохранить.
  5. Забрать код из билдера в свою инфраструктуру можно через GitHub — это открывает полный контроль и масштабирование.
  6. Ошибки деплоя — это нормальная часть процесса: их можно просто отдавать агенту на исправление.
  7. Сложность продукта, который можно собрать через агентов, определяется не сложностью задачи, а тем, сколько сил вложено в обвязку и контекст для агента.
  8. Существует пять уровней зрелости AI-кодинга — от копипаста в чат до автопилотов, которые сами инициируют изменения.
  9. Кроме кодинга, по той же логике агентов можно строить аналитику, работу с внутренними знаниями компании и агентов как самостоятельный продукт.

Полезные ссылки

Интенсив AI Powered Product

Библиотека полезных материалов Roots

Telegram-канал

Написать нам

Ещё статьи по теме

Последние материалы