В этот раз к нам на «НейроМастерскую» заглянула Светлана Костылева — основатель Tech Wave и автор методологии AI BOOST.
Света прямо в эфире собрала Telegram Mini App «Папа рядом» — сервис для отцов, чтобы здорово проводить время с детьми. С онбордингом, подбором активностей, парсингом реальных событий через KudaGo и админкой с метриками.
Важнейший показатель крутости показанного — за полтора часа количество зрителей практически не падало до самого конца. А вопросов было столько, что можно было спокойно ещё полтора часа отвечать. Огнище! 🔥
👉 Если пропустили, то ловите запись: VK / YouTube
Ну и как водится, собрал главное в понятную инструкцию, чтобы было проще. 👇
✦ 5 ШАГОВ К ВАЙБ-КОДИНГУ
Вайб-кодинг — это сборка IT-продуктов руками нейросетей. Ты описываешь чего хочешь, а нейросеть сама пишет код.
Здесь больше важны не промпты, а контекст. То есть не заклинание в одну строку, а грамотное погружение электромозгов в суть продукта.
Чтобы процесс не превратился в «индийский код» (когда нейронка чинит одну ошибку и ломает три), следуйте алгоритму:
>> ШАГ 1. Сформируйте план и ТЗ
Не прыгайте сразу в код. Опишите идею, попросите составить план реализации и UX-аудит. А потом — детальное техническое задание.
Это даёт две вещи: нейросеть перестаёт «додумывать» отсебятину, а вы получаете управляемый процесс с чёткими этапами.
И сразу закладывайте MVP-логику. Не пытайтесь охватить сразу всю Россию или всех пользователей — запустите один сегмент (например, Москву), а на остальные повесьте форму предрегистрации. Так вы проверите реальный спрос, а не угадаете.
>> ШАГ 2. Соберите прототип интерфейса
Сервис v0 от Vercel за 30 минут делает «фасад» сайта или приложения. Есть альтернативы — Lovable, Bolt, — но Света собирала именно на v0. Это не финальный продукт, а живой прототип, который сразу можно показать клиенту.
Работает «эффект IKEA»: когда клиент правит живой интерфейс, а не бумажную презентацию, его вовлечённость и конверсия в покупку кратно растут.
>> ШАГ 3. Разрабатывайте итерациями и проверяйте за нейронкой
Не просите Клода «сделать всё». Дробите задачу на шаги. После каждого — тестируйте. Если накапливать ошибки, в какой-то момент модель уйдёт в цикл и не вылезет.
И важно: нейронка может красиво нарисовать дашборд, но внутри подставить моковые данные или выдумать формулу. Поэтому всё, что касается цифр, аналитики и ключевой логики — обязательно перепроверяйте руками. Иначе запустите продукт на галлюцинациях.
>> ШАГ 4. Переносите код в VS Code через Claude Dev
Когда прототип готов, пора в профессиональную среду. У Anthropic есть официальное расширение для VS Code — Claude Dev. Там уже нормальная работа с файлами, Git и базами данных (Supabase или Neon).
Важно: следите за контекстным окном. Забили больше 60% — очищайте, иначе начнутся глюки.
>> ШАГ 5. Деплой и запуск
Публикация через Vercel, подключение интерфейса к Telegram через BotFather. Пара минут — и продукт живёт.
Но! Если продукт для российских пользователей — не храните их данные на иностранных серверах вроде Vercel. Это нарушение закона.
✦ ЛАЙФХАКИ ОТ ПРАКТИКОВ
— Чтобы «разогреть» 5-часовой лимит, с утра пишите Клоду простое «Привет» на лёгкой модели. Цикл запустится, и к обеду у вас будет свежий запас.
— Сложную задачу решайте в новом чате. Не мешайте в одном окне всё подряд — контекст засоряется, и модель начинает тупить.
💡 Навык номер один — не знание языка программирования, а умение чётко формулировать, чего ты хочешь.
✦ НИШТЯКИ ОТ СВЕТЫ
— Тележоночный канал Светы про ИИ'шки 🎙В эфире радио Свеклана
— YouTube канал Светы с полезняшками про AI
— Полный учебник по вайбкодингу
— Git — полный учебник для новичков
— Конспект по вайбкодингу с нуля
Спасибо нашим друзьям из Cossa за поддержку проекта — с ними всегда интересно и тепло.
#нейромастерская