.VIBE → .CODE

Первый воркшоп: как начать строить с ИИ

▶

Запись воркшопа

Привет! Рад тебя здесь видеть. Посмотри запись встречи или пройди урок по её мотивам.

Главное — это начать

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

Начни с одной проблемы

Moved появился, когда я переезжал и искал простой способ узнать цену заранее и сравнить предложения.

moved.at ↗

←

→

Не строй сразу новый Avito или Notion. Выбери одну проблему, которую хорошо понимаешь. Если делаешь публичный продукт — проверь, что она есть и у других.

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

Проекты участников

Вот с какими идеями пришли:

• Roamlet — подготовиться к поездке с подругой

  Жанна рассказала как делает инструмент, который поможет распланировать неделю в Бангкоке.

• Запись снов, личный сайт и оцифрованный гардероб

  Рита поделилась, что хочет сделать личный сайт, дневник снов , Telegram-бот и оцифровать гардероб. Первый шаг — выбрать один сценарий 🤓

Lovable — то, что надо для первого прототипа

←

→

В Lovable можно быстро собрать и опубликовать первую версию. Для старта этого достаточно.

• Интерфейс и данные — в одном месте

  Lovable подключает хостинг и бэкенд. Позже проект можно открыть в другом инструменте.

• Claude Code или Codex — когда проект усложняется

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

Когда Lovable начинает тратить много кредитов на простые правки, переходи в Codex или Claude Code. Сначала подключи проект к GitHub: так эти инструменты получат доступ к коду проекта. Затем попроси их разобраться, как всё устроено, и внести правку.

Первый промпт: что и для кого строим

Первый промпт задаёт границы первой версии. Вместо «сделай приложение» напиши, что строишь, для кого и с чего начнёшь.

• Что за продукт и для кого

  Один пользователь и одна его задача.

• С чего начинаем

  И чего в этой версии пока нет.

Не хочется писать — наговори идею и попроси AI превратить её в промпт.

Добавь визуальные референсы

←

→

Не пропускай этот этап: референсы задают направление до того, как ты потратишь кредиты на переделки.

• Текстом и референсами

  Быстрый путь до кликабельного прототипа.

• Из готового дизайна

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

• Собери 3–5 примеров до стройки

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

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

Подключи GitHub

GitHub хранит историю проекта. Если следующая правка что-то сломает, ты вернёшься к последней удачной версии, а не начнёшь заново.

• Репозиторий можно сделать приватным

  Твой код не становится публичным.

• Подключи GitHub до перехода в код

  Тогда можно безопасно работать с более сложным проектом.

После изменения дизайна исчезла форма входа: открываешь последнюю удачную версию в GitHub и возвращаешь код к ней.

Сначала попроси показать план

Перед большой правкой попроси AI показать план: что он изменит и что это затронет.

Скорее покажи реальным пользователям

Работающий прототип — не финал. Он помогает быстро проверить: нужна ли людям твоя идея и что в ней стоит менять.

• Проверяй реальное поведение

  Что человек сделал, а не что он сказал, что когда-нибудь сделает.

• Формулируй одну следующую правку

  Так появляется продуктовая работа, а не бесконечная переделка интерфейса.

У Stipendium доступ стоил 5 евро, но платить никто не стал: поиск программ — ещё не тот момент, когда человек готов доставать кошелёк. Это помогло сформулировать следующую версию продукта.

Строить вместе — быстрее

Ты уже знаешь, как начать. Если хочешь не бросить проект после первой версии — приходи в Bootcamp.

• Выберешь реалистичную цель

  Не «сделать всё», а результат, который можно проверить за четыре недели.

• Будешь двигаться по своему проекту

  Ссылки, заметки и следующий шаг живут в одном месте.

• Получишь сопровождение

  Разберём продуктовые и технические затыки по ходу работы.