SUPERVISION | Продуктовый вайбкодинг клуб 🚀 – Telegram
SUPERVISION | Продуктовый вайбкодинг клуб 🚀
616 subscribers
124 photos
8 videos
2 files
90 links
🔥 Решаем продуктовые кейсы, вайбкодим, проводим встречи, холиварим, помогаем друг другу делать классные продукты!

➡️Чат для общения https://news.1rj.ru/str/+V_qtInvS9WFjNDAy

Остались вопросы? Пишите Серёже в личку @shenwell
Download Telegram
Vibe Coding Conference 2025

Вайбкодинг — не хайп, а новый стандарт создания продуктов с помощью ИИ. Превращайте идеи в работающие прототипы за часы, а не месяцы. Финальный анонс онлайн-конференции.

25 ноября 2025 | Онлайн | Бесплатно

Вы узнаете из первых рук:
🦄 Глеб Кудрявцев — стадии создания продукта от идеи до подводных камней
🦄 Андрей Менде — зачем продакту AI-прототипирование
🦄 Яков Васильев — универсальный подход к планированию этапов
🦄 Алексей Рякин — как вайбкодить качественно, чтобы сразу в продакшен
🦄 Алексей Писаревский — создание масштабируемых систем
🦄 Михаил Карпов — как фаундеру делать 100 прототипов в год

Реальная польза: Быстрое прототипирование, создание MVP без глубокого программирования, навык для карьеры и не только.

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

Старт: 25 ноября, 17:00 (МСК) | Участие бесплатное!

👉 Регистрируйтесь сейчас, чтобы не пропустить:
РЕГИСТРАЦИЯ

Не упустите шанс изменить свой подход к созданию продуктов!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥31
Сегодня в 17:00 (мск) начнётся онлайн-конференция по вайбкодингу - Vibe Coding Conference.

Не пропусти!

Если ещё не зарегистрировался
➡️ РЕГИСТРАЦИЯ

До встречи на конфе! ☺️
👍2🔥1
Раз, два, старт!
Мы начинаем онлайн-конференцию по вайбкодингу.

Комментарии пишите под этим постом.
🔥3
Vibe Coding Conference: как это было /часть 1

Привет, мир! 👋

Вчера состоялось событие, которое всего пару недель назад было лишь искоркой в моей голове. И теперь, оглядываясь назад, я могу сказать: да, это было сложно, тяжело, тревожно и невероятно волнительно. Но оно ТОГО СТОИЛО.

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

Один из спикеров написал мне: «Сергей, интересный у тебя способ погрузиться в сферу». Честно? Я и сам удивлен. Но я получил свой результат – глубочайшее погружение в вайбкодинг и создание продуктов с помощью AI. И я надеюсь, что каждый участник конференции получил свой.

Эмоции и знания еще предстоит переварить, но ясно одно: задуманное воплотилось. И это главный посыл для каждого из вас: если в голову пришла идея – ВОПЛОЩАЙТЕ. Кто, кроме вас, поверит в казалось бы невозможное?

Отдельная и самая искренняя благодарность спикерам конференции и каждому участнику. Без вас эта идея осталась бы просто идеей. 🙏
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍42
Vibe Coding Conference: как это было /часть 2

А теперь – к самой сочной части! Делюсь материалами и находками, которые озвучили наши эксперты.

🎬 ВИДЕОЗАПИСЬ КОНФЕРЕНЦИИ
Пересмотреть все выступления или наверстать упущенное можно по ссылке или в приложенных видео к посту:
https://disk.yandex.ru/d/lzVA-HH_-sgYdg

🧰 ПРАКТИЧЕСКИЕ МАТЕРИАЛЫ ОТ СПИКЕРОВ

🦄 Яков Васильев @nfg_ai
Представил универсальный подход к планированию вайбкодинга. Держите его готовый чит-шит!
→ Vibe Coding Cheatsheet: https://vibecodingcheatsheet.vercel.app/

🦄 Андрей Менде @productdo
Показал, зачем продакту AI-прототипирование, на живом примере – калькуляторе А/B-тестов.
→ Калькулятор: https://ab-test-calculator.productdo.io/

🦄 Алексей Рякин @jobmeister_bot
Поделился правилами и опытом создания своего бота, которые позволяют вайбкодить долго, качественно и сразу в продакшен.
→ Набор правил для Cursor: https://github.com/bubinez/cursor_rules

🦄 Михаил Карпов @todo2go
Рассказал, как фаундеру делать 100 прототипов в год и становиться в 10 раз быстрее.

🦄 Глеб Кудрявцев @gleb_pro_ai
Разобрал создание вайб-код продуктов по стадиям: от начала до подводных камней. И что делать при росте продукта.

🦄 Алексей Писаревский @pisarevich
Объяснил, как создавать масштабируемые системы от Replit до Preset. И показал как строить дашборды и анализировать.

Всем спасибо за невероятную энергию! Вайбкодим дальше! 🚀

#VibeCoding #вайбкодинг #ИтогиКонференции #AI
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍72
Channel name was changed to «SUPERVISION | Продуктовый вайбкодинг клуб 🚀»
LIVE: Вайбкодим IT-продукт с нуля без знания кода в Cursor

Теория — это хорошо, но практика лучше, а тем более мастер-класс. Особенно когда речь заходит о том, как создавать рабочие приложения с помощью ИИ, вообще не написав ни строчки кода вручную.

В эту среду, 3 декабря в 18.00, я (Сергей Поляков) и Алексей Рякин, который создал на Cursor бота для ТГ по отклику на вакансии @jobmeister_bot, проведем открытый эфир-эксперимент.

🦄 3 декабря (среда) 2025 | 18:00 по Мск | Онлайн

Ссылка на регистрацию: РЕГИСТРАЦИЯ
Стоимость: Подписка на каналы организаторов ☺️

Концепция встречи:
Мы моделируем ситуацию: я — Сергей Поляков lead product, новичок в вайбкодинге, который хочет собрать продукт. Алексей Рякин — наставник, который понимает методологию. За 1,5 часа мы пройдем путь от «просто идеи» до рабочего прототипа.

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

Что будет на эфире:

— Работать будем в редакторе Cursor (один из топ-инструментов для работы с кодом и AI)
— Я буду своими руками собирать продукт
— Алексей Рякин будет курировать: говорить, как правильно ставить задачи ИИ, где я «туплю» и как дожать результат

Присоединяйся!

#вайбкодинг #vibecoding
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥41
Media is too big
VIEW IN TELEGRAM
Вайбкодинг вживую: как мы за 1,5 часа дошли от идеи до прототипа в Cursor

Всем привет! На прошлой неделе состоялся наш открытый эфир-эксперимент. Мы с Алексеем Рякиным - создателем @jobmeister_bot, на практике проверяли, как создавать IT-продукт с нуля, не написав ни строчки кода вручную.

План был такой:
1️⃣ Подготовить описание продукта — с помощью Gemini
2️⃣ Собрать первую версию — в Google AI Studio
3️⃣ Доработать прототип — в редакторе Cursor

Что получилось на практике:

 Сгенерировали детальное ТЗ. Я, как новичок, сформулировал идею бесконечной доски, которая может превращаться в адаптивный сайт. Алексей, как наставник, подсказал методику: мы заставили нейросеть задавать нам уточняющие вопросы, чтобы она сама составила техническое задание. Это был ключевой момент для снижения неопределенности!

 Получили первый черновик приложения.
 Закинули ТЗ в Google AI Studio и увидели, как нейросеть начала генерировать файлы проекта. Хоть финальный прототип в прямом эфире и не запустился, мы увидели процесс и потенциал.

 Исправили реальные баги в Cursor. 
Мы взяли готовый код похожего проекта (канвас для рисования, который ранее получилось собрать в Google AI Studio) и в режиме реального времени начали его дорабатывать с помощью ИИ в Cursor.

- Попросили ИИ добавить редактирование текста в стикер по двойному клику
- Использовали MCP Playwright, чтобы агент сам мог открывать браузер, кликать и проверять, работают ли правки
- Попробовали на практике цикл: «задача → правка кода → тест → следующая правка»

Главный вывод: Вайбкодинг — это не магия «сделай всё за один промт». Это итеративный процесс, похожий на работу с программистом-джуном: нужно детально ставить задачи, разбивать их на части, тестировать и направлять ИИ. Но это реально работает и открывает огромные возможности.

Самый ценный совет для старта: 
Не пишите промт вида «сделай мне Tinder». Начните с диалога. Дайте нейросетке (ChatGPT, Claude, Gemini) вашу сырую идею и скажите: «Задавай мне уточняющие вопросы, начиная с самых важных». Это поможет и вам структурировать мысль, и ИИ — понять, что именно нужно построить.

Для тех, кто хочет повторить путь или посмотреть заново:

▶️ Полная видеозапись эфира — в этом посте (смотри выше) и на YouTube

Огромная благодарность Алексею за экспертизу и всем зрителям за участие! Пишите в комментариях, о каких кейсах вайбкодинга вам интересно услышать в следующий раз.

Канал организаторов: @supervisionpw
#вайбкодинг #vibecoding #ai #cursor #gemini #ии #нейросети #стартап
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥43🙏1
Бесконечная доска на Cursor

Когда у машины барахлит движок, что мы делаем? Правильно, едем в сервис, чтобы там специалисты диагностировали проблему и предложили варианты решения. Так и у Cursor вышло на этой неделе обновление Debug, которое как раз направлено на то, чтобы диагностировать проблему, добавить необходимые логи и исправить проблему.

Я продолжаю работать над сервисом бесконечной доски под лаконичным и говорящим названием InfinityCanvas. Начал я с того, что в Google AI Studio создал первую версию, над которой мы работали вместе с Алексеем Рякиным в ходе онлайн-митапа в начале декабря. Для меня это больше учебный проект, чтобы посталкиваться с реальностями вайбкодинга.

И вот, первая версия уже превращается во что-то более мене удовлетворяющее меня. Но сделал ряд улучшений:
- Заменил указатель мыши на стрелку, если выбран элемент "курсор"
- Сделал так, чтобы указатель "рука", стал вида как рука и при зажатии сжималась в кулак, чтобы перемещать доску под ней
- Добавил комбинации управления для клавиш клавиатуры - дублировать через Ctrl+D, автоматические переключение на "руку" при зажатии пробела и т.п.
- Добавил фон из точек, чтобы был понятен масштаб
- Добавил переключение на светлую и тёмную тему в правый верхний угол
- Добавил процент увеличения и уменьшения доски в правый нижний угол
- Добавил кастомный русский шрифт, похожий на рукописный
- Сделал так, чтобы при изменении размера прямоугольника, граница прямоугольника имела одинаковую толщину
- Добавил возможность писать внутри стикера и одинаковое масштабирование сторон для него

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

На этой неделе, как только вышел Debug режим для Cursor, я снова воспрял духом и посмотрел с новой надеждой на проект. Ведь это то, что было мне нужно. Это было великолепно, Cursor сам добавлял нужное логирование, чтобы определить, что сломалось. И, если проблема фиксилась, то после себя удалял весь дебажный код. Но все мои попытки починить привели к тому, что руки снова начали опускаться.

Но когда двигатель израсходовал свой ресурс, какие варианты остаются? Верно, купить контрактный движок и заменить старый на новый. Так я узнал ещё про несколько фреймворков, кроме Konva. Почитав тему на реддите на эту тему, посмотрел предлагаемые сообществом решения. Часть из них были устаревшими и не поддерживаемыми, часть слишком сложными, часть не заточенными под мою задачу. Таким окольным путём я вышел на Excalidraw, которое по умолчанию быстрее, современнее и из коробки больше мне подходит.

Сбилдил проект уже с движком Excalidraw и о чудо! Большинство функций, что мне были нужны стали работать по умолчанию! Продолжаю эксперименты!

Когда машина плохо едет, что мы делаем? Правильно меняем машину.
🔥5👍2