Практикум по
вайбкодингу
Эссенс AI · Серия воркшопов
Что заберёте сегодня
Сегодня вы создадите свой первый живой артефакт — не идею и не план, а рабочий документ который можно открыть в браузере и показать кому угодно.
Помощник-наставник — остаётся с вами
После воркшопа у вас в проекте Claude будет личный помощник который знает 6 шагов, умеет задавать правильные вопросы и ведёт пошагово — даже если вы забудете всё что было сегодня. Файлы помощника и все инструкции — здесь →
Что такое вайбкодинг
Вы описываете что хотите словами — и получаете рабочий интерактивный html-файл. Не текст, а живой артефакт: кнопки нажимаются, данные считаются, страница выглядит как страница.
Вы управляете результатом
Не кодом. Описываете что хотите — Claude пишет код сам. Ваша задача — описать достаточно точно чтобы получить то что нужно.
Живой артефакт за минуты
Один промпт — рабочая страница. Потом итерации: что-то не так — говорите Claude что именно изменить. Не с нуля — точечно.
Что можно делать с вайбкодингом
Конспекты и воркбуки · Лендинги экспертов · Трекеры привычек · Игры и квизы · Интерактивные гайды · Персональные инструменты · Платформы с базой данных (следующий уровень)
Света рассказала с чего начался её путь в вайбкодинг: «В декабре дочь начала снова приходить ко мне спать. У меня ещё малыш — в общем, такие дела. Я думаю: вешают же люди доски с трекингом, галочки ставят. Но мне хотелось чего-то интерактивного, живого.
Я тогда узнала про вайбкодинг и подумала: а может сделать классный трекер? За пять минут получила страницу — звёздочки, короночки, единорожки. Мы с дочкой каждый вечер заполняли три пункта поведения. Когда набирала нужное количество действий — появлялся подарок, "засчиталось", конфетти летело.
Трекер был рассчитан на месяц, но нам хватило недели. Полгода с тех пор дочка не приходит ко мне спать без приглашения. Вот с этого всё началось — с очень простой семейной задачи.»
Вывод: первый проект не должен быть профессиональным. Сделайте то что решает реальную задачу в вашей жизни — пусть маленькую.
Ирина поделилась: «Я много лет пыталась подружиться с разными сервисами типа "Дзен-мани". По ряду причин ни один не подходил — я хотела чтобы расходы и доходы не были привязаны к конкретному счёту. Просто отдельно вносить расходы, отдельно доходы, и отдельно обновлять что на каком счёте лежит.
Ни один сервис не давал этого. В итоге я вайбходила себе приложение. Вот что там есть: список счетов с общим капиталом, депозиты которые считают сколько доход приносят, планируемые выплаты типа зарплаты няни — с напоминаниями когда готовить деньги.
Но самое прикольное — ввод голосом или скриншотом. Говоришь "расход пять тысяч рублей, стоматолог" — он сам определяет категорию "здоровье". "Новые туфли" — ставит "одежда". Сфотографировала чек — разобрался сам.
Это заняло где-то неделю — не всё время, а когда было свободное. Заходила, что-то правила, шла дальше. Честно скажу: я не могу вам сейчас объяснить как это технически сделано. Я просто шла по инструкциям которые давал Claude и отправляла ему скриншоты когда что-то не получалось.»
Ключевой принцип: не нужно всё понимать технически. Нужно чётко знать что вы хотите получить — Claude разберётся с тем как.
На воркшопе Света показала кейс: нутрициолог с несколькими индивидуальными клиентами. Ведёт всех в разных местах — таблицы, заметки, мессенджеры — и постоянно теряет нить.
За два промпта Света сделала: страницу с карточками клиентов, переключение между ними, личный кабинет каждого — встречи, рацион, заметки, следующий шаг. Кнопка «Записаться на следующую встречу» — ведёт сразу в нужное место.
«Это такая СРМ на коленочке, — сказала Света. — Да, без авторизации, без сложной безопасности — это уже следующий уровень. Но как инструмент для себя, где только ты работаешь — работает отлично. И это создано за пять минут наговаривания ТЗ голосом.»
Смотри на свои рутинные боли: где ты переключаешься между несколькими местами? Где теряешь время на поиск? Там — задача для вайбкодинга.
Света рассказала про эксперта по финансовой грамотности: «Мы говорили с коллегой которая обучает экспертов финансам. Она жаловалась — клиенты ненавидят таблички. Ненавидят их заполнять, ненавидят смотреть. Я говорю: давай попробуем сделать что-то что тебя отстроит — вайбходим калькулятор расчёта стоимости услуг и ведения бюджета для эксперта.
Она так загорелась. Потому что это действительно больше привлекает клиентов — когда привычный интерфейс страшной таблицы уходит и появляется что-то красивое, живое, интерактивное.»
Принцип выбора задачи: где инструмент не нравится, форма не нравится — хочется легче, красочней? Вайбкодинг решит.