Это вайбкодинг
8.23K subscribers
17 photos
1 video
26 links
Канал про то, как сделать свой продукт или автоматизацию с помощью ИИ, если ты не разработчик
Download Telegram
#playbook Актуальный плейбук для сайта с онлайн записью

Допустим, у тебя студия маникюра, а запись живёт в директе и голове администратора.

Решаешь собрать свой сайт с записью.

Можно воспользоваться готовыми сервисами, и платить подписку от 100$ в год и не иметь возможности настраивать продукт под себя

А можно сделать самому, и реализовать любые фантазии для любимых клиентов.

Как можно сделать

Возьмем, например, Lovable. Описал словами, он нарисовал экраны и форму, подцепил базу.

К вечеру готово.

Только запись – штука многопользовательская, и на этом дефолт сыпется: двое жмут один слот и возникает конфликт, клиент меняет id в адресной строке и видит чужие записи, слот уезжает по часовым поясам, итд.

Lovable выдает заготовку и на этом все.

По сути, это красивая болванка, которая работает на масштабе пары десятков пользователей.

Как делаем мы

Собираем на Claude Code:

1. Опиши спеку. Что за услуга, форма записи – услуга, мастер, дата, время, телефон, какие свои фишки.
Мы используем собственный skill, который допрашивает нас, чтобы спека была полной.
2. Заведи базу. С февраля Supabase – официальный коннектор Claude. Подключаешь Supabase MCP, агент сам создаёт таблицы под записи и накатывает миграции.
3. Настрой доступы. Просишь RLS – клиент видит только свои записи. Дыра со сменой id в URL закрыта.
4. Собери слоты. Разворачиваешь cal.com на своем сервере, это бесплатно.
5. Уведомления. Телеграм-бот: клиенту напоминание, мастеру пинг о новой записи.
6. Деплой. Код на Vercel – фронт и API сразу в проде, база уже в облаке Supabase, домен берёшь на reg.ru или name.com и цепляешь к Vercel.

Мы в разработке используем кастомных агентов, которых сделал со-автор этого канала Саша.

Один агент делает, другой перепроверяет.

Таким образом начиная с верскти дизайна и до публикации и личных данных — проект живет без "дыр" и ошибок в работе.

И у тебя своя страница записи по нормальному адресу. База – твоя, фишки – какие сам захочешь.

Собрать экраны – это один вечер. А атомарный слот, RLS и таймзоны – уже ремесло.

Оно и отделяет рабочую запись от красивой болванки.

Именно её мы разбираем на Vibecode360.

Записывайся в анкету, старт уже через 14 дней
12👍3
Сегодня в 18:00 по GMT+3 будет стрим

Обсудим, почему нельзя просто взять и навайбкодить?

На примере сервиса генерации SEO статей покажем:
- каким должно быть ТЗ/PRD перед разработкой
- как проверить качество кода без знаний разработки
- как быть с безопасностью и утечкой важных данных

Покажем вживую как лично мы вайбкодим.

Все ссылки и анонс перед началом будут в канале с уроками, заходи.
7👍3🔥1
Напоминаю, стримим тут через час
👍6
Ты попросил без уважения

Вокруг промптов развели культ.

Секретные формулы, волшебные слова, промпт на 500 строк, сайты и ютуб видосы с готовыми промптами.

Как будто есть заклинание, после которого тебе выпадет готовый продукт.

Заклинания нет.

Можешь писать по-человечески, обычными словами.

Можешь кидаться готовыми промптами.

Модель не работает хуже от того, что ты не приписал act as senior developer.

Промпт – это просто то, как ты формулируешь.

А формулировка – самая простая часть.

Вот в чём фокус: результат плохой не потому, что ты криво попросил.

А потому, что сам не знаешь, что просить.

Какой должна быть регистрация? Нужно ли подтверждение телефона или нет?
Что делать, если данные из формы кривые?

Ты это не написал не потому, что не выучил промптинг. А потому, что сам ещё не решил.

Идеальная формулировка пустой мысли даёт идеально собранную пустоту.

Не промпт делает продукт.

Его делают решения, которые ты держишь в голове до того, как открыл чат.

Хороший продукт начинается со спецификации на продукт, PRD или спеки.

Плохая новость в том, что большинство не знают что там должно быть.

Хорошая в том, что сама модель поможет тебе составить спецификацию правильно.

И это первый шаг нашего метода – специальный агент поможет тебе составить ТЗ на твой же продукт – задаст все необходимые вопросы.

Как это работает - покажем сегодня на стриме, а ты пока записывайся в анкету Vibecoding360.

Стартуем через 13 дней.
👍138
Две недели до старта

Через 13 дней, в среду, стартует июльский поток Vibecode360.

За 4 недели с нуля до своего рабочего продукта на AI.

Без технического бэкграунда.

Почему стоит идти на программу.

1. Мы решаем главную проблему – не код, а рабочий продукт. Навайбкодить что-то сейчас может кто угодно. А вот довести до продукта, который не падает, не течёт и не приезжает с полицией из-за дыр в безопасности – почти никто. Это и есть разница между болванкой и сервисом, за который не стыдно.
2. Есть система: фреймворк g-stack и 20+ кастомных агентов на дизайн, архитектуру, разработку, тестирование и безопасность, которые проверяют сами себя.
3. Не нужно быть разработчиком. Агенты сами составят ТЗ, проверят качество кода и безопасность. Программа собрана для тех, у кого нет технического опыта..
4. Мы постоянно вайбкодим сами и пишем тут в канале. Все проверено на реальных пользователях, а не демо данных.

Если ты всё ещё сомневаешься – я тебя понимаю.

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

Последнее – чистая правда. Само не соберётся. Поэтому и есть метод.

У тебя два варианта:

1. Разбираться самому, перебирая сотню обучающих видео, и набивать шишки.
2. Взять систему, которая понятна и работает.

Решать тебе.

Но если выберешь второй – вот что тебя ждёт за 4 недели:

– Личный AI-ассистент под твою рутину и автоматизация задач
– PRD, дизайн-система и лендинг проекта
– Полноценный веб-сервис на Claude Code с агентами: логика, интерфейс, база, интеграции, проверка на баги и безопасность
– Финальная итерация и запуск в прод – опубликованный продукт, доступный другим людям в интернете
– Стек, на котором работаем: Claude Code, агенты, скиллы, MCP, g-stack.

Для сравнения: привлечь разработчика – это от $4k на разработку и пару месяцев до запуска.

Разбираться самому – сотни часов изучения контента, проб и ошибок.

С нами – примерно $100 на сервисы и $10 на сервер, и твое время на то чтобы во всем этом разобраться.

Так что заполняй анкету, там ответят на все вопросы, и заходи на поток.
4
Я навайбкодил парсер сайтов

Привет, это Саша, продолжаю рассказывать про свои проекты.

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

За день-два собрал расширение. Тогда вайбкодинга ещё не было, так что выглядело оно откровенно плохо.

Логика та же, что и всегда: спрос в поиске есть, бэкенда нет, поддерживать нечего. Не взлетит — ноль затрат.

Выложил и забыл.

А оно тем временем доросло до 2000 активных пользователей в неделю.

И я на волне вайбкодинга решил его прокачать:

– У меня есть табличка обратной связи. Отдал её Claude: покажи топ запросов от людей
– Потом попросил разобрать конкурентов и вытащить фичи, которых у меня не было
– За три дня переписал то, что раньше заняло бы пару недель

Было так: жмешь одну кнопку, скачивается текстовый файл со всеми ссылками страницы.

А стало так:

1. Отдельная страница рабочий стол — ссылки в удобной таблице, видно результат до сохранения
2. Поиск и фильтр на лету, из 500 ссылок за секунду находишь нужные
3. Разделение свои/чужие и по типам — отдельно ссылки, картинки, видео
4. Сбор картинок, видео и аудио, а не только текстовых ссылок
5. Можно убрать дубликаты одной галочкой
6. Копирование в буфер и экспорт в CSV / Excel
7. Массовое скачивание самих файлов — нашёл 40 PDF, качаешь все разом
8. Выделение области мышкой — собираешь ссылки только из нужного блока
9. Сбор сразу со всех открытых вкладок
10. Автоочистка мусора — сам выкидывает utm_, fbclid и прочие хвосты
11. Горячие клавиши
12. Настройки и запоминание вида
13. Интерфейс на 10 языках — подхватывает язык браузера, включая русский

Вот само расширение, там кстати уже больше двух тысяч установок.

Смотри, что тут на самом деле произошло. Пару лет назад это расширение я пилил руками, и всё равно вышло криво.

А тринадцать фич, которые раньше заняли бы пару недель, я переписал за три дня – просто описывая, что хочу, и разбирая обратную связь и конкурентов через Claude.

Вот в этом вся суть. Раньше между "есть идея" и "есть продукт" стояли недели кода или несколько тысяч долларов разработчику.

Теперь стоит описание задачи и настроенные агенты.

Ровно этому мы учим на практикуме Vibecoding360. За 4 недели с Claude Code проходим путь от автоматизации своей рутины до полноценного рабочего сервиса, который можно выложить людям. Даже если в разработке ты полный ноль.

Записывайся на поток, до старта чуть больше недели, 30% мест уже занято.
17🔥6
Смысла больше нет

Год назад я мучился:

Просишь Claude собрать что-то рабочее – получаешь кашу. Правишь, переспрашиваешь, лезешь в код руками, чинишь то, что он сломал.

Мне быстрее было сесть и написать самому.

Сейчас я прошу, и получаю с первого раза.

Не заготовку, не демку. Рабочую штуку, которую открыл и пользуешься.

Мало того, я получаю рабочую штуку с интеграцией в другие сервисы, с аналитикой, размашистой логикой, админкой, экспортом данных.

Claude Fable 5, например, вообще сделал фичу которую не могла до этого сделать ни одна модель, и он максимально заточен на результат с первого раза.

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

Что это меняет?

Раньше нужно было учиться писать код хоть как-то, чтобы начать делать и разбираться в теме.

Теперь платы нет.

Ты описываешь словами, модель пишет код.

Главный язык программирования – английский. Русский тоже.

Садиться зубрить Питон сегодня – это как учить азбуку Морзе, когда в кармане телефон.

Но есть нюанс.

Модель пишет код.

Что он делает и для кого - решаешь до сих пор ты.

Какие поля в БД, как обрабатывать ошибки, где граница между рабочим и стыдным, какую проблему мы решаем и зачем.

Этот навык не заменит ни одна модель.

Так что учить надо не язык, а как думать над задачей, чтобы из неё собрался продукт.

Вот про это и делаем Vibecoding360: простым русским языком описываем агенту что хотим, он задает уточняющие вопросы и прописывает спецификации.

Дальше делает, проверяет, тестирует.

Стартуем в следующую среду, места потихоньку разбирают, записывайся в анкету.
18👍8
This media is not supported in your browser
VIEW IN TELEGRAM
$9200 за месяц на клиентских сайтах, ни разу не открыв редактор кода

Знакомься, Мура.

Не разработчик.

Делал на заказ сайты, за прошлый месяц – 4 сайта на $9200.

Ни строчки кода руками.

Редактор кода он вообще ни разу не открывал.

При этом сайты выглядят на все $10 тыщ – анимации, кинематографичный скролл, всё как в дорогих студиях.

За такое агентство берёт десятку сверху и сажает команду из четырёх человек.

Он делает это один, через Claude Code, словами.

Сетап - Claude Code, Frontend Design skill, плагин UI/UX Pro Max, Three.js, Vercel.

Все думают про вайбкодинг одинаково: надо придумать продукт, сделать стартап, пет проект, приложение, которое выстрелит. Найти гениальную идею, собрать, запустить и молиться на виральность.

А Мура просто продаёт услугу.

Клиенту нужен сайт – он собирает сайт.

Быстро, красиво, за деньги, и в 10 раз быстрее чем другие.

Никакого поиска идеи всей жизни, никакого ожидания, выстрелит или нет.

Есть спрос, который был всегда, и есть ты с инструментом, который закрывает этот спрос в разы быстрее и дешевле студии.

Быстрый доход на вайбкодинге – это не свой продукт, это услуга.

Продукт – это лотерея на месяцы вперёд. Услуга – деньги уже в этом месяце, потому что клиент платит за конкретный результат, а не за твою мечту.

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

Сегодня достаточно уметь объяснять задачу словами.

У тебя сейчас ровно тот же инструмент, что у Mura. Буквально тот же.

А если хочешь собирать рабочие продукты и автоматизировать рутину – приходи на Vibecode360.

Старт через неделю, вчера забрали 4 места.
28🔥3👍2
Неделя до старта

Через 7 дней, в среду, стартует июльский поток Vibecoding 360.

На программе проходим за 4 недели с нуля до своего рабочего продукта.

Технический бекграунд не нужен.

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

1.Навайбкодить что-то сейчас может кто угодно. А вот довести до продукта, который не падает, не течёт и является безопасным для пользвателя, может не каждый. Это и есть разница между болванкой и сервисом, за который не стыдно.
2. Есть система: фреймворк g-stack и 20+ кастомных агентов на дизайн, архитектуру, разработку, тестирование и безопасность, которые проверяют сами себя.
3. Не нужно быть разработчиком. Агенты сами составят ТЗ, проверят качество кода и безопасность.
4. Мы постоянно вайбкодим сами и пишем тут в канале. Все проверено на реальных пользователях, а не демо данных.

Вот что ждёт тебя на программе за 4 недели:

– Личный AI-ассистент под твою рутину и автоматизация задач
– PRD, дизайн-система и лендинг проекта
– Полноценный веб-сервис на Claude Code с агентами: логика, интерфейс, база, интеграции, проверка на баги и безопасность
– Финальная итерация и запуск в прод – опубликованный продукт, доступный другим людям в интернете
– Стек, на котором работаем: Claude Code, агенты, скиллы, MCP, g-stack.

Для сравнения: привлечь разработчика – это от $4k на разработку и пару месяцев до запуска.

Разбираться самому – сотни часов изучения контента, проб и ошибок.

С нами – примерно $100 на сервисы и $10 на сервер, и твое время на то чтобы во всем этом разобраться.

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

Ты нанял худшего из возможных – себя без подготовки

На мой радар за неделю попало сразу три проекта, которые по дешёвке продают токены к популярным нейронкам. Например, Claude Opus 4.8 или Google Nano Banana 2 в 2-10 раз ниже рынка.

Стало интересно, как так. Оптовые скидки? Свои договорённости? Демпинг за свой счёт?

Поинтересовался как и чё.

Оказалось – парсят Github. Находят в паблике проекты горе-вайбкодеров, ищут там ключи от их аккаунтов, и катают их.

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

Злоумышленники автоматически находят такие проекты по паттернам, забирают ключи (ключ это то же самое что логин-пароль), и перепродают токены с аккаунта, деньги с карт списываются автоматически.

Вот такой вот нюанс)

Дальше – цифры, от которых становится не смешно.

GitGuardian посчитал: за 2025 год в публичные коммиты на гитхабе улетело 28,65 млн новых захардкоженных ключей. Плюс 34% за год – самый большой скачок за всё время наблюдений. Ключей к AI-сервисам среди них 1,27 млн, плюс 81%.

А вот главная цифра.

В коммитах, написанных с помощью Claude Code, ключи утекают в 3,2% случаев. Средний показатель по гитхабу – 1,5%.

Ровно в два раза чаще.

И нет, это не потому что нейронка тупая. Кнопку коммита нажимает человек Просто код теперь появляется быстрее, чем ты успеваешь подумать, а вопрос "а это точно не должно лежать в .env" задавать некому.

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

Но он же и был тем, кто говорил: ключ в .env, .env в .gitignore, и не спорь.

Ты его убрал – и место не освободилось. Его занял ты, без подготовки.

Кстати, 64% ключей, утёкших ещё в 2022, живы до сих пор.

Люди четыре года не в курсе, что их катают.

Технология правда даёт тебе собрать продукт без программистов.

Это круто, и это работает.

Но вместе с ним она не отдаёт тебе его знание о том, чего делать нельзя.

Его придётся забрать отдельно, и в этом главная проблема самостоятельного вайбкодинга.

Приходи на Vibecoding360, в групповом темпе с четкой схемой за месяц соберем рабочий продукт или автоматизируем рутину, с безопасностью и архитектурой, как положено.

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

Записывайся.
10👍5
Я навайбкодил аналог Frame.io

Снова на связи Саша, вайбкодер и со-автор нашего практикума.

Продолжаю рассказывать про свои проекты.

У меня родственник работает монтажёром в кино. Он и подкинул идею.

Рассказал, что за рубежом монтажёры собирают правки с заказчиков через сервис Frame.io. Этот сервис упрощает обратную связь и передачу большого количества правок в команде которая делает видеоконтент.

Загружаешь видео, шаришь ссылку, клиент/команда оставляют комментарии, привязанные к конкретному таймкоду и кадру (можно рисовать прямо поверх картинки).

Сейчас он принадлежит компании Adobe.

В России, при этом, этот сервис не прижился, и я решил сделать свой. Весь проект я навайбкодил примерно за 2 недели, хотя когда-то потратил бы на это не меньше пары месяцев.

Что уже работает:

– Создаешь проект
– Грузишь видос
– Скидываешь публичную ссылку команде
– К определенным таймкодам комментируешь
– Монтажер правит видео, и грузит в сервис свежу версию

И так по кругу.

Сервис называется videorevyu.ru, можешь зайти и потыкать сам.

Меня до сих пор потряхивает от того, как это выглядит со стороны.

Frame.io в своё время делала целая команда. Годы работы, раунды, инженеры, дизайнеры. Потом его купил Adobe за миллиард.

А я собрал рабочий аналог (не полноценный, а микро-копию под нашу задачу) за две недели по вечерам.

Один, без бюджета, без подрядчиков, без инвесторов.

Изменилась не скорость печати кода. Изменилась дистанция между "увидел проблему" и "выкатил решение". Раньше между ними стояли деньги и полгода.

Сейчас там стоишь только ты.

Так что если хочешь быстро вкатиться – ждем на Vibecoding360.

За 4 недели пройдем весь путь: от автоматизации своей рутины до рабочего продукта в проде. Claude Code, 20+ агентов, которые проверяют работу друг друга на баги, качество и безопасность.

Старт в среду, места пока еще есть.

Записывайся
6🔥4👍1