Годный вайбкодинг
3.64K subscribers
17 photos
67 links
Вайбкодинг и нейронки

Чат - @VibecodersForum
Чат без топиков - @VibecodersChat

По всем вопросам - @AlexeyTripleA
Download Telegram
Наконец-то!

Я опубликовал курс по вайбкодингу веб-приложений с нуля до релиза!

Курс доступен по ссылке 👈

Сходу можно брать видео уроки, которых там уже 80 и будут еще дополнительные.

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

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

Какие сейчас есть бонусы

> Пока не назначен старт групповых занятий, за оплату видео уроков + заявку на групповое обучение, вы получите скидку 5т.р. на оплату группы.

> По промокоду FIRST5 - первые 5 человек получат скидку 25% на все тарифы. При оплате она зафиксируется и на переход в группу тоже подействует

Позже придумаю еще что-нибудь


По содержанию

Разбираем полный путь с нуля до запуска полноценного веб-приложения. То есть если у вас 0 знаний и опыта и даже нет идеи - вы всему научитесь в рамках курса. Если есть опыт и идеи - можно пропустить первую часть и переходить к темам посложнее.

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

Если сомневаетесь, подойдет вам или нет - пишите мне в личку я помогу определиться и отвечу на ваши вопросы.

Все основные модули уже доступны к просмотру. По ним вы дойдете до запуска. И как дополнение будет еще раздел про поддержание проекта, аналитику и создание телеграм бота для веб приложения. Этот раздел будет полностью опубликован в июле, скорее всего где-то к середине. И после добавления этого модуля цена немного повысится.


У меня прям гора с плечь

Несколько месяцев плотной работы пролетели так, что я не заметил, когда кончилась зима и началось лето. И наконец-то можно выдохнуть и вернуться в соц сети. Но для начала мне надо немного проветриться, там за окном все зеленое! Вы видели?

Со следующей недели будут видео на ютубе. Если хотите чтобы я разобрал какую-то тему - напишите в комментах, займусь. Если не напишите, сам что-нибудь придумаю)
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡25👨‍💻10
Claude design добавили в десктопное приложение. Все еще в бете, но теперь не обязательно открывать браузер
⚡12👨‍💻7
Документация - фундамент проекта

Если задача сделать простой todo лист, то достаточно пары промптов. Но на длинной дистанции без документации никак.

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

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

Да, создание документации - муторный и трудоемкий процесс. Но он окупается в долгосрочной перспективе.

Благодаря документации

У ИИ агентов появляется справочник со всей информацией о том, что мы билдим, как это должно работать и как все составляющие связаны между собой. Используя эту информацию, ИИ агенты лучше ориентируются в проекте, а нам приходится вносить меньше правок. Кроме того, всегда можно ткнуть ИИ в нужный файл с описанием функционала, вместо того, чтобы напоминать каждый раз в новом чате.

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

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

Приятного просмотра:

YouTube | RuTube | VK Видео
⚡15👨‍💻3
Безопасность - темная сторона вайбкодинга

Давно просили, наконец-то записал это видео!

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

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

Здесь можете взять промпт и проверить свое приложение на наличие уязвимостей

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

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

Есть такой "анекдот": сисадмины делятся на два типа те, кто делает бекапы, и те, кто ПОКА ЕЩЕ не делает.
Все к этому рано или поздно приходят и чем раньше - тем лучше.

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

Попробовал добавить фоновую музыку, в качестве эксперимента, пока только в начале. Захотелось куда-то пристроить музыкальные "скетчи", которые я накидываю в свободное время на op-1, думаю, музыкой можно разнообразить долгие монологи

Приятного просмотра:

YouTube | RuTube | VK Видео
⚡20👨‍💻5
AI-Сотридник 24/7 - Hermes agent

Последние пару недель активно использую Hermes агента, развернул его на своем Mac Studio.

Идею с локальными моделями пока оставил, т.к. у меня нормально работаю только слабые модели и отвечают не так быстро и качественно, как хотелось бы.

В качестве мозга подключил gpt 5.5 по подписке за 20$ и в лимиты пока что не упирался. Знаю, что уже 5.6 вышел, еще не успел поменять.

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

Круто, что он учится в процессе, запоминает важную информацию и погружается в контекст моих процессов.

Сейчас он мне помогает со следующими направлениями:
- Ресерч информации
- Контент в соц сетях (YouTube и Telegram)
- Разработка проектов

Еще он выступает в роли наставника и натаскивает меня в маркетинге и продажах.

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

Записал видео, в котором рассказал, как я его использую.

Приятного просмотра:

YouTube | RuTube | VK Видео
⚡26👨‍💻11
Гайд по Hermes Agent

Пару недель назад я рассказывал, как собрал себе AI-сотрудника в Telegram. В комментариях к видео попросили записать гайд по Гермесу, там вообще ничего сложного, но все же я записал.)


Разобрал в видео:

- Установку на свое железо и на облачный сервер
- Подключение нейронок по подписке и API
- Настройку телеграм-бота с топиками
- Память, характер, автономную работу
- Подключение MCP и GitHub

Ну и в целом прошелся по тому, как с ним работать

По настройке сервера сделал шпаргалку, вот ссылка. Основной момент, зачем она нужна - настройка доступа к серверу по SSH ключам. Это делается в целях безопасности, чтобы боты не ломанули сервер подбором пароля. Если будете ставить Гермеса на долгосрок, а не просто поиграться - лучше это сделать. Т.к. на нем могут храниться ваши ценные и приватные данные


Нужен ли он вам?

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

Однако не всем он нужен. В комментариях всплывают сообщения по типу "Зачем мне Hermes, если есть Claude / Codex / и тд". И это вполне обоснованные замечания. Для многих задач достаточно инструментов, которые у вас уже есть. Однако есть и отличия, подумываю сделать отдельный разбор на эту тему, дайте знать, если вам это интересно


Что еще

Возможно, стоит разобрать, как внедрить такого агента в команду, чтобы он сидел в чате наравне с другими сотрудниками

Еще есть идея сделать эксперимент: посадить в один чат несколько разных агентов и дать им задачу запустить стартап с нуля. Каждому задать свою роль: овнер, маркетолог, разработчик, мб еще кто-то. Чтобы они там спорили между собой и обсуждали проект. Не жду от этого чего-то прям супер выдающегося, но любопытно посмотреть, что у них получится

Также буду рад, если скажете, насколько вам это интересно. А если вы уже используете Гермеса, поделитесь, пожалуйста, своим опытом и юзкейсами, думаю, многим это будет полезно


Гайд доступен на всех площадках, приятного просмотра:

YouTube | RuTube | VK Видео
⚡26👨‍💻3
Сегодня будет стрим на ютуб канале по Hermes Agent в 18:00 по мск

Будем настраивать Гермеса для @andreiaiai

Можно будет позадавать вопросы в чате

Ссылку скину перед началом, подключайтесь)
⚡19👨‍💻2
Главная боль вайбкодера

Уверен, каждый, кто регулярно вайбкодит и работает с AI-агентами, сталкивался с этой проблемой - постоянные лимиты, дорогие АРІ, блокировки и возня с инфраструктурой.

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

Автор канала «Абузим сервисы» разбирает, как грамотно обходить ограничения, выстраивать инфраструктуру для ботов и не разоряться на нейронках.

Что у него на канале:

- Как лутать бесплатные триалы и безлимиты к топовым моделям для своих проектов.
- Рабочие схемы по настройке прокси и автоматизации работы с аккаунтами.
- Инструменты и готовые решения для снятия региональных блокировок и обхода защиты по АРІ.

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

Если хотите, чтобы ваши нейро-проекты не сжирали весь бюджет на токены - крайне рекомендую подписаться!

👉 Абузим сервисы
10👨‍💻9⚡6
AI-прототип есть, а запускать страшно

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

Открыл Cursor, Claude Code, Lovable или другой инструмент, описал идею и вот уже есть демка, которую не стыдно показать.

Но получилось ли у вас довести свой проект до реального запуска?

Потому что между «у меня есть прототип» и «этим могут пользоваться реальные люди» начинается совсем другой уровень задач.

Нужно продумать архитектуру, подключить базу данных, авторизацию и платежи. Задеплоить проект, не забыть про безопасность, не дать AI-агенту разнести кодовую базу и не бояться, что всё сломается после первого пользователя.

Прототип собрать легко. Настоящее приложение - сложнее.


Если вы уже пробовали вайбкодить, на каком этапе у вас всё застопорилось?

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

Напишите в комментариях, желательно своими словами, как это выглядело у вас.

Хочу понять, где затыки встречаются чаще, и по самым частым кейсам сделать отдельный разбор.
👨‍💻7⚡5
AI-проект растёт. Как не потерять контроль?

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

Пока проект маленький, можно просто ставить AI задачу за задачей и быстро получать новые функции. Но по мере роста приложения уже недостаточно, чтобы нейронка просто умела писать код.


Нужна система разработки, которая помогает:

- Разбивать большую задачу на понятные части
- Держать структуру проекта в порядке
- Не смешивать всю логику в одном месте
- Давать AI только нужный контекст
- Понимать, как изменения в одной части повлияют на остальные
- Проверять, что уже работающие функции продолжают работать

Когда приложение небольшое, многое можно проверить вручную. Но когда в нём появляется всё больше экранов, функционала, интеграций и логики, каждая новая функция может случайно сломать что-то старое.


Один из инструментов, который помогает с этой проблемой - автоматические тесты

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

Я в отдельном видео разберу тестирование с AI: покажу, как писать и запускать такие проверки с помощью AI-агентов, чтобы не перепроверять всё приложение вручную после каждого изменения.


Тесты - только один из элементов системной разработки

В моём курсе мы сначала формируем подробное описание приложения для AI-агента, затем на его основе планируем реализацию и поэтапно развиваем проект.

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

Если хотите не просто посмотреть отдельный разбор про тесты, а научиться последовательно развивать своё приложение с AI-агентом - проходите курс по ссылке


А как вы сейчас проверяете свои приложения после изменений?
⚡11👨‍💻2
Cursor Grok 4.6

12 Августа в Cursor добавили модель Grok 4.6. По бенчмаркам типа хорошая, а на практике?..

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

Не могу привести каких-то тестов и сравнений с другими моделями, но по ощущениям вполне юзабельная. Обычно я использую Opus или Sonnet и когда для рядовых задач переключался на Grok 4.6, дискомфорта не испытывал.)) С рядовыми задачами по разработке она справляется и долгими процессами, с использованием оркестрации субагентов тоже.

Так что Cursor уже не просто обертка вокруг чужой апишки. Свои модели у него тоже неплохие. Конечно, уже давно был Composer, который в целом тоже норм.. Ну и вот +1 хорошая своя модель у курсора.

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

Обучение вайбкодингу
⚡12👨‍💻11
Хватит проверять руками каждую фичу

Как и обещал - видео по тестам. Та вещь, которую часто откладывают, потому что кажется, что в моменте это ничего не даст. Но на дистанции тесты сэкономят вам много часов рутинной работы.


Для начала давайте обрисуем проблему

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

Если новые фичи работают - заливаем. Так?


В чем тут может быть ловушка

Новые фичи работают, а как же старые? Что если там что-то сломалось?

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

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


Решение есть

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

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

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

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

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


Приятного просмотра:
YouTube | RuTube | VK Видео

Обучение вайбкодингу
⚡23👨‍💻5