Годный вайбкодинг
1.91K subscribers
12 photos
40 links
Вайбкодим годные проекты
Чат - @VibecodersChat

По всем вопросам - @AlexeyTripleA
Download Telegram
Подключаем Claude API к проекту

Продолжаем вайбкодить сервис для генерации дизайн стайлгайдов. В этом видео подключаем Claude API в проект с помощью anthropic SDK. Теперь стайлгайды генерируются на основе референсов через claude.

Приятного просмотра:
https://youtu.be/DvF6JzWeLWw
6👨‍💻4
Меня взломали!

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

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

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

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

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

Кстати, как у вас обстоят дела с публикацией (деплоем) своих сервсисов и приложений? Ну в плане как вы это делаете
👨‍💻144
Прикольно, на hh.ru начали появляться вакансии для вайбкодеров 😁
3👨‍💻1
ИИ-анализ веб-страниц с Playwright

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

Изначально планировал использовать MCP Playwright сервер, но в процессе понял, что проще подключить библиотеку Playwright в python. Логика получилась аналогичная, как и со скриншотами, только теперь мы делаем скриншоты всей страницы автоматически по url.

Приятного просмотра:
https://youtu.be/5b5heZXeTW8
9👨‍💻2
Тренда вайбкодинга 2026

Итоги уходящего года я подведу чуть позже, а пока разбирем прогнозы AI-гигантов на 2026 год.

Я проанализировал прогнозы от крупнейших AI-компаний и выделил основные тренды вайбкодинга на предстоящий год. Звучит многообещающе, посмотрим, как все будет на деле)

Приятного просмотра:
youtube | vk video | rutube
6👨‍💻2
С наступающим Новым Годом!

Друзья, уходящий 2025-й год был насыщенным событиями. Нейронки вышли на качественно новый уровень и по-настоящему вайбкодить мы начали именно в 2025-ом. Собственно и сам термин vibecoding появился только в этом году.

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

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

Все это привело к тому, что в этом году мы познакомились с вами и для меня это много значит. Спасибо вам, что вы есть! В нашем вайбкодерском чате уже больше 100 человек, а в канале больше 700! Я не рассчитывал на такие цифры за такой небольшой промежуток времени.. Это очень круто!

Желаю вам успехов и побольше годного кода в новом 2026 году! 🤙🤙
Пусть новый год принесет нам много новых классных инструментов, которые упростят нам жизнь)

Еще я записал новогоднее видео, в котором вспомнил, что интересного было за этот год. Приятного просмотра:

youtube | vk video | rutube
Please open Telegram to view this post
VIEW IN TELEGRAM
1147
Выспался, зарядился — продолжаем вайбкодить

Плавно возвращаемся в рабочий режим. Начнем этот год с продолжения разработки сервиса для генерации стайлгайдов.

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

Погнали смотреть:
youtube | vk video | rutube
52
Начало года - лучшее время для планирования

Так что расскажу, что готовлю для вас в ближайшие месяцы. Будет интересно!

Контент на YouTube:

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

Новые гайды:
- Роадмап вайбкодера в 2026: с чего начать и как довести проект до релиза
- Создание лендинга в cursor с нуля
- Полный гайд по Cursor

Новое направление: курсы по вайбкодингу

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

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

Что в них будет:
- Пошаговые видео-уроки от А до Я
- Персональные созвоны для разбора индивидуальных ситуаций
- Групповой чат с единомышленниками (если соберется группа)
- Поддержку на всех этапах разработки

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

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

PS:

Поздравляю всех с началом нового года! Надеюсь, у вас получилось отдохнуть на праздниках. У меня получилось)

Желаю вам продуктивно года, успехов, и реализации планов!
8
Внедряем экспорт проектов

Продолжаем вайбкодить сервис для генерации дизайн стайлгайдов. В этой части добавляем экспорт в формате markdown, json и css.

Для полноценного запуска mvp осталось только задеплоить проект и прикрутить платежную систему. Скорей бы уже зарелизить)

Приятного просмотра:
youtube | vk video | rutube
62
Во прикол конечно..)

Работал почти весь день в клод коде и думал: "как здорово, лимиты не улетают, хотя гружу его нон стопом!"

Сейчас, уже ночью, мне надо было сделать скриншот для видео. Открываю клод код и вижу, что у меня выбрана модель haiku.))

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

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

В общем немного пересмотрел свое отношение к haiku, юзать для разработки можно. Особенно, если предварительно составить подробный план
1284
2026. Вайбкодинг уже не магия для избранных

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

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

Разобрал весь путь от "у меня есть идея" до "мой проект в продакшене":

→ Выбор инструментов
→ Документация
→ Разработка с AI
→ Git
→ База данных
→ Платежи
→ Деплой (публикация проекта)

Старался объяснить максимально по-человечески. Это теоретическая база, понимая её, уже можно копать глубже в конкретные темы.

Да, у каждого инструмента и подхода есть альтернативы. Но для старта важнее начать, чем месяц выбирать между 10 IDE.
В комментах на ютубе уже начался холивар...))

Смотри → применяй → запускай 🚀

youtube | vkvideo | rutube
173
Мое недавнее открытие

Я тут пару недель назад открыл для себя голосовой набор текста. Это оказало оочень удобно!

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

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

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

Стандартный голосовой набор на mac меня не устроил, я вообще не понял, как им нормально пользоваться. Так что юзаю Wispr Flow. А промпты на английском - встроенным в Cursor голосовым набором.

Печатать руками почти перестал, уже лень.))

В общем мне на столько зашло, что я даже подписку Wispr опалтил для безлимита, после того как тестовый период закончился. Немного странно отдавать 15$ за диктовалку, в то время как подписки мощных нейронок стоят 20$. Но удобно ппц, так что не обламываюсь.

Советую попробовать, если ещё не пробовали, хотя бы в курсоре
71
Заливаем проект на сервер (деплой)

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

Это продолжение серии видео про сервис для генерации стайлгайдов. И в этой части я пытаюсь задеплоить проект на app platform в timeweb cloud. Это мой первый опыт использования таких платформ для автоматического деплоя.

К счастью все получилось: упаковать все в докер и задеплоить. И теперь сервис доступен по адресу makeui.dev . Это еще mvp, но все работает.) Оплату я там уже прикрутил, видео про подключение робокассы выйдет чуть позже.

Upd: Если вы захотите воспользоваться сервисом и у вас возникнут какие-то проблемы - напишите мне в личку , решим. Возможны какие-то баги, по началу это нормально. Буду править.

Видео на платформах:
youtube | vk video | rutube
9
Claude Opus 4.6 - новая топовая модель от Anthropic

Новые модели от Anthropic для меня всегда как долгожданный подарок)

Антропик выкатили апдейт опуса (своей флагманской модели). По их словам, Opus 4.6 стал заметно сильнее в кодинге:

It plans more carefully, sustains agentic tasks for longer, can operate more reliably in larger codebases, and has better code review and debugging skills to catch its own mistakes


Что есть интересного:

- Контекстное окно 1M токенов (пока в бета) - "in a first for our Opus-class models, Opus 4.6 features a 1M token context window in beta"
- Вывод до 128k токенов за один запрос
- Agent Teams в Claude Code - несколько агентов работают параллельно
- Adaptive Thinking - модель сама решает, когда думать глубже
- Compaction - сжатие контекста теперь доступно на уровне API
- Effort - параметр API с четырьмя уровнями (low, medium, high, max). Контролирует, сколько усилий модель тратит на ответ - баланс между качеством, скоростью и стоимостью. Раньше было только вкл/выкл для extended thinking

Кстати, в курсоре модель уже появилась

В общем что, звучит интригующе, будем пробовать.)

https://www.anthropic.com/news/claude-opus-4-6
22
Полный гайд по Cursor в 2026

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

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

Постарался сделать так, чтобы даже начинающим было понятно, но и про advanced функции рассказал.

Что в итоге получилось:
- Начинаем с установки
- Разбираем базовые функции и режимы агентов
- Переходим к advanced настройкам, разбираемся с
- Субагентами
- Хуками
- Правилами
- Командами
- Скиллами
- Подключением mcp
- В конце делаем сайт за 1 промпт

В общем по содержанию получилось насыщенно.

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

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

Приятного просмотра:
youtube | vk video | rutube
3437
Запрягаем Claude вести тг канал

Да так, чтобы это не было кринжово

Мы сняли это видео с моим другом Андреем, который занимается созданием AI видео. Показали на примере тг постов, как можно писать текста, сохраняя при этом персональную стилистику.

Вкратце процесс следующий:
- Собираем референсы с текстами
- Анализируем стилистические особенности и сохраняем выжимку в отдельный файл
- Создаем агента, в которого закидываем референсы и даем инструкции, как ими пользоваться
- Генерируем текста в заданном стиле

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

Монтаж немного затянулся, поэтому не удивляйтесь, что на календаре 8 ноября))

Приятного просмотра:
https://www.youtube.com/watch?v=Dhd3GiTKrYY
7
Оркестрация суб-агентов в Cursor

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

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

На просторах ютуба крайне мало информации по оркестрации именно в курсоре, так что считаю, это прям ценная инфа для любетелей курсора)

Вкратце, как это работает:

- Создаем субагентов
- В скиллах описываем правила оркестрации
- Делаем команды для запуска разных workflow

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

Если захотите сэкономить время и токены нейронок, можете скачать мой готовый сетап. Он платный, но кроме файлов вы также получаете доступ к последующим обновлениям и мою поддержку по использованию (можете писать вопросы в тг/форму обратной связи на сайте)

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

В общем рекоммендую к просмотру!
youtube | vk video | rutube
8162
Онлайн встреча и разбор вопросов

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

Ниже я прикрепил ссылку на опрос, прохождение которого займет +- 3 минуты, не больше.

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

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

Заранее спасибо за уделенное время!

https://docs.google.com/forms/d/e/1FAIpQLSdR8C2t6HY5acfYvjdJoIA-8ctBvPU50woFwAND0BsyRuf1zA/viewform?usp=dialog
5117
Годный вайбкодинг
Онлайн встреча и разбор вопросов Всем привет! Аудитория с каждым днем растет и мне хочется узнать вас получше, чтобы делать для вас максимально полезный контент. Кроме того, в чате родилась идея организовать встречу. И я подумал, что можно "убить двух зайцев…
Начал отправлять приглашения. Кто указывал емейлы в контактах, проверьте почту (может быть в спаме). Если возникнут какие-то проблемы со ссылкой, пишите мне в личку, разберемся.

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

Это продолжение серии видео про сервис для генерации стайлгайдов. В этом видео я подключаю платежку к проекту. Для подключения платежей использую сервис robokassa.

Это не гайд по подключению робокассы, он будет позже. Здесь я просто прикручиваю платежку к сервису. На момент съемки видео, робокуссу я настраивал первый раз, в принципе ничего сложного нет. До этого пробовал пользоваться юкассой.

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

В общем, если интересно посмотреть на живой процес подключения кассы, приятного просмотра)

youtube | vk video | rutube
19
От верстальщика до вайбкодера

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

Где-то лет в 16 я читал книгу "Богатый папа, бедный папа". Несмотря на то, что многие критикуют Кийосаки, какие-то полезные базовые установки у меня заложились благодаря его книгам. По крайней мере разделение активов и пассивов)) Так что еще с подросткового возраста у меня внутри поселилось желание "ДЕЛАТЬ СВОЙ БИЗНЕС". Тогда у меня было достаточно примитивное представление об этом, которое после преобразовывалось, но примерно так я об этом думал тогда.

Реальный мир

В общем делать бизнес как-то сходу не получилось и когда я вылетел с первого универа, я пошел просто работать. А куда можно было пойти работать в 18 лет без опыта и образования? Естественно на "каторжные работы": продавцом-консультантом в евросеть, в кол центр на холодные звонки, официантом, баристой... На аренду квартиры я тратил, наверно 60-90% от своей зп, питался макаронами за 15 рублей с майонезом, который стоил не сильно дороже. Другие продукты были из разряда деликатесов. И честно говоря, я вспоминаю это время с теплотой, это было в каком-то смысле романтично, хотя жить выживать мне было тяжеловато.

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

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

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

Прикосновение к стартапам

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

Потом я работал на фрилансе, вписывался в какие-то небольшие стартапы, как разработчик, в общем как-то фармил деньги. Пару лет назад друг меня подтянул в команду разработки, в которой мы запускаем разные сервисы для блокчейна Dash. Сначала мы были вдвоем, сейчас у нас уже команда из 8 человек. Параллельно я пробую делать свои проекты, парочку вы даже видели.

Я всегда любил объяснять

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

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

Потом появились нейросети

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

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

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