AV_Vibe-Кодинг
354 subscribers
175 photos
4 videos
1 file
121 links
Разбираюсь с вайб-кодингом, делюсь опытом, помогаю и рассказываю просто о сложном.

Site: https://avvibe.ru
TG: @an_valk
YT: https://www.youtube.com/@av_vibe_coding

Открыт к сотрудничеству. Ищу активные стартапы для совместной работы.
Download Telegram
Channel created
Channel photo updated
Понедельник, конец года.

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

Но шутки в сторону. Всем привет, меня зовут Андрей.

Я давно хотел создать канал, но находил 100500 причин этого не делать. Сегодня нашлась одна веская причина — просто начать. Наверняка первыми подписчиками будут друзья и знакомые, поэтому не буду расписывать биографию, скажу пару слов о цели:

Зачем здесь быть?
Вайб-кодинг шагает по планете и я сам всё больше погружаюсь в этот дивный мир. Этот канал будет вещать мои мысли и настроение, а так же поможет тем, кто хочет создавать свои проекты, но ищет место, где можно не бояться задать «глупый» вопрос и получить ответ от людей, кто проходит такой же путь прямо сейчас.

Спасибо, что заглянули, а я пойду дальше мучать покрытие тестами. Помните: тесты разные важны, тесты каждые нужны.
👍2
Хотел написать пост утром, полез в perplexity , а в ответ - ваш аккаунт ПРО аннулирован.

Вот и дошла до меня волна банов промо аккаунтов. Будем честными, 300-500 рублей, что бы ли потрачены на промо код окупились практически мгновенно. Но теперь становится главный вопрос - чем пользоваться?

Есть вариант подождать и купить новый промо код после нового года. Что-то жалко брать подписку за 20-30$ в месяц на конкретную модель, когда было удобно в perplexity.

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

А спонсором сегодняшней картинки к посту. забытый друг Qwen3-Max
Сегодня узнал, что Anthropic добавили поддержку IDE для Claude Code — можно подключить прямо в Cursor. Не просто как отдельную модель, а как полноценное агентское окружение.

Мне у Claude всегда нравилась концепция сброса лимитов каждые 5 часов — идеально ложится в мой ритм.

Утром запускаю задачи, пока делаю уроки с ребенком. Потом домашние дела, магазины, школа.
Второй подход — рабочее окно 4-5 часов днем. Вечером забираю ребенка, кружки, прогулка, ужин.
Третий заход — поздний вечер под музыку, когда семья разошлась отдыхать. Перед сном можно запустить что-то долгое и спокойно лечь.
Пока сплю — лимиты обновляются. Перфекто.

Решил оплатить подписку, чтобы попробовать новую интеграцию. Не прошло. Белорусская карта Альфа-Банка — не пропустили платеж. Печально.
Что еще напрягает: постоянный VPN. У чистого Cursor таких требований нет, из России работает без проблем.

API у Anthropic пробовал — дороговато выходит, не комфортно. Сервисы-посредники предлагают доллар по 105 вместо 79.

Видимо, время искать друзей с картами
👍1
Друзья. 31 декабря.

Искренне поздравляю своих первых подписчиков с Новым 2026 годом. Желаю всех благ и побольше!

Хочу рассказать пару слов о своем пути вайб-кодинга за этот год.
Январь 2025 — пишу экстеншен для Adobe After Effects. Использую ChatGPT через веб: вставляю код, описываю проблему, получаю код, правлю руками.
Декабрь 2025 — Cursor работает каждую минуту, пока я за компьютером. Руками правлю разве что UI-элементы: размер кнопки, цвет. Всё остальное пишут агенты. Основная задача разработчика теперь — придумать и описать задачу, правильно организовать архитектуру, а дальше код пишут агенты.

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

И вот мой совет для всех, кто хочет в 2026 году серьезно заняться вайб-кодингом. Принцип одного промпта работает только на YouTube-видео. Учитесь продумывать структуру вашего приложения или сервиса, расписывать её, а потом шаг за шагом добавлять функционал. Тогда вы сможете достичь успеха в долгосрочной перспективе.

Ещё раз — с Новым годом! Пусть 2026-й будет продуктивным!

P.S. Мне посоветовали не стесняться просить: если канал заходит — расскажите о нём друзьям. Это не Бойцовский клуб, можно говорить! Поэтому, друзья, буду благодарен, если поделитесь. Заранее спасибо!
6
1 января. Разделю этот пост на две мысли.

На момент написания поста, на канале 38 подписчиков. Практически все — знакомые, которым я рассказал о запуске. Искренне благодарен за поддержку и за то, что готовы быть рядом. Ещё раз всех с Новым годом!

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

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

Попробуйте в новогодние каникулы — самое время экспериментировать без дедлайнов. Запустите агента на рефакторинг старого кода или документирование. Будет приятным бонусом, когда вернетесь к полноценной работе.
3
Вчера в комментариях одного из каналов, на который я подписан, завязалась дискуссия.

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

Тут мы подходим к одному из ключевых инструментов — Git. Кодить без Git'а с агентами опасно и противопоказано.

Git, если кратко, это контроль версий. Изменили файл или удалили — что-то пошло не так? Откатились на последнюю сохранённую точку. Советую очень внимательно изучить этот инструмент, если вы планируете или уже занимаетесь вайб-кодингом.

Как это работает с агентами?

У вас есть рабочее состояние проекта, которое вас устраивает — сохраняете его в Git. Теперь запускаете следующий этап разработки, вносите изменения, следите за агентом. Вдруг что-то пошло не так. Агент перешел в режим берсерк - разнёс проект или начал переписывать всё с нуля. Ок. Тормозим буяна, откатываемся назад и запускаем снова, но уже с менее амбициозной целью.

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

Лично у меня такой подход работает и ещё не было крупных провалов. Хотя иногда агент начинал переписывать логику проекта и лез уже в базы данных. Откатился, разбил на мелкие части, по чуть-чуть без проблем ввёл нужный функционал.

Не бойтесь экспериментировать с агентами. Пусть они ломают, переписывают, пробуют разные подходы. У вас есть Git — всегда можно откатиться и попробовать иначе. Это как очередной забег в рогалике: ошибка лишь часть процесса, умер — перезагрузился и пошёл дальше.
👍4
Недавно наткнулся на видео Kitze, где он рассказывает о том, как вайб-кодинг эволюционирует в вайб-инженеринг. И это прямо в точку описывает то, что я наблюдаю у себя за последний год.

Началось всё с термина Vibe Coding — когда ты просто описываешь задачу не техническим языком, а ИИ генерирует код. Копипаста, запуск, чуть-чуть правок — и оно работает. Что еще нужно?

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

В чём разница?

Vibe Coding — это когда ты даёшь промпт, получаешь код и особо не вникаешь. Отлично для прототипов и экспериментов. Но если что-то сломается — отладка превращается в ад, потому что ты не понимаешь, что там вообще происходит.

Vibe Engineering — это когда инженер использует ИИ как инструмент, но держит руку на пульсе. Продумывает архитектуру, контролирует качество, понимает зависимости. Агенты пишут код, но ты отвечаешь за целостность системы.

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

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

Пара слов о Kitze
Kitze — разработчик из Македонии, создатель Sizzy (браузер для разработчиков с адаптивным дизайном). Известен своими провокационными взглядами на индустрию: называет разработчиков "перемещателями прямоугольников", критикует излишнюю абстракцию и бессмысленные споры о производительности.

Классический indie hacker: создаёт инструменты для себя, которые потом превращаются в продукты. Sizzy родился из раздражения постоянным ресайзом браузера при проверке адаптива.

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

Коротко для лиги лени, если занимаетесь вайб-кодингом — изучайте архитектуру, зависимости, абстракции. Учитесь правильно связывать сущности на "бумаге", а код за вас напишут агенты. Это и есть Vibe Engineering.
2😁1
Работаю с Claude в режиме кодинга, восстанавливаю проект после миграции на новый виртуальный сервер.

Агент сам решил добавить SQLite в проект — хотя в ТЗ и документации об этом ни слова.

Система выдала предупреждение:
«PostgreSQL listener не подключен (ожидаемо для SQLite) — это нормально для dev режима»

Я спросил прямо:
«почему в проекте появился sqlite? где в документации указано что нужно sqlite?»

Ответ Claude:
«Вы правы, это моя ошибка. Проверю документацию.»

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

Главный урок:
Всегда проверяйте изменения.
Задавайте вопросы.
Контролируйте процесс.
Агенты мощный инструмент, но ответственность за результат лежит на вас.

PS сегодня пост без красивой картинки и анимашки, надо развернуть проект на сервере, завтра напишу что-нибудь интересное с картинкой.
Быстро кончились мои 20 баксов.
Видимо без 100$ или даже 200$ тарифа мне делать с Claude Codе нечего.

До 18 января проплачен Cursor на тарифе 60$. Дальше надо будет посидеть подумать.

Скорее всего возьму за 100 клауд и 20 курсор, ибо для веб разработке курсор очень удобен стал, в него внедрили возможность взаимодействовать с элементами на странице через клик. Обязательно сделаю краткий пост про этот функционал.

А пока ждем пятницы и используем авто режим в курсоре.
Некоторое время назад, Cursor добавил функционал работы с веб элементами. Оригинальное видео.

Что бы воспользоваться, выбираете View -> Appearance -> Open Browser.

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

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

Лично для меня, эта функция стала одной из ключевых на текущий момент.

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

С введением такого функционала у Cursor, стало очень удобно переносить дизайн из Figma по MCP серверу, а где нужно руками уже вносить доработки.

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

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

Режим Plan работает иначе. Агент сначала думает вслух: что он собирается делать, какие файлы трогать, в каком порядке. И только после твоего "ок" — действует.

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

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

Работает не только в Cursor — тот же принцип в любом агентском инструменте. Если есть возможность попросить "сначала расскажи план" — используйте. Особенно на задачах, где цена ошибки высокая.

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

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

Cursor использует dynamic context discovery, или по нашему динамическое обнаружение контекста. Идея простая: не пихать в модель всё подряд заранее, а подгружать только то, что реально нужно прямо сейчас.

Как это работает на практике:
— Длинный вывод команд записывается в файл, агент смотрит только конец через tail и читает больше по необходимости
— При суммировании история чата превращается в файлы — можно вернуться к деталям, а не терять их
— Описания MCP-инструментов хранятся отдельно, агент получает только краткую справку (минус 47% токенов в их тестах)
— Вывод терминала синхронизируется с файловой системой — проще искать ошибки

Много технических деталей, но мысль одна: раньше разработчики оптимизировали использование оперативной памяти и место на диске, теперь — контекстное окно модели. Кто лучше упакует данные до того, как они попадут в агента, тот получит стабильнее результат и преимущество перед конкурентами. А рынок агентов растёт, уже не одним ChatGPT едины.

Как пользователю, мне нравится куда смотрят разработчики, ведь мы получаем больше результата за меньше токенов, а значит, для конечного потребителя наш продукт становится дешевле.
👍2
100$ на разобраться самому.

Сегодня оплатил Claude Code на месяц. Сто долларов. Max план.

Не колебался особо, просто понял: тариф за 20$ не дал толком разобраться во всех тонкостях. А самое интересное, это конечно же Agent Skills и Hooks.

Если коротко:

Skills это инструкции. Создаёшь файл, и Claude автоматически применяет его при определённых запросах. Вроде как собственные дополнения к базовым возможностям модели.

Hooks это команды, которые Claude выполняет при определенных условиях. Например, я точно хочу протестировать автоматический запуск новой задачи, когда предыдущая завершилась. Этакий цикл, пока не закроется весь список.

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

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

Или Skills для работы с моим стеком технологий. Или для специфического подхода к тестированию. Или даже для написания постов в стиле моего канала (ирония момента не теряется).

Я пока толком не понимаю границы этой системы. Насколько сложные инструкции можно давать? Как Skills взаимодействуют друг с другом? Можно ли создать что-то действительно мощное или это просто удобная обёртка над обычными промптами?

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

Может, окажется, что это просто красивая фича без особой практической пользы. Не узнаю, пока не попробую всерьёз.

Итого, по факту, это 100$ за веру в то, что оно все же стоит того.

Если нет, хотя бы буду знать точно, а не гадать.

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

Говорят модно, стильно, молодежно.

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

Всех с пятницей!
Завёл Threads и там пробные «события дня».

Сегодня вечером, после прогулок с семьёй, сел тестировать Claude Code в Cursor на своём проекте. Глинтвейн, груша, код - перфекто сетап.

Решил вести процесс в реальном времени. Но не здесь.

Почему не в Telegram? Канал, это законченные мысли. А «жду час, агент молчит» не тянет на пост, это мысль вслух. Если кидать сюда 5-10 сообщений за вечер, получится спам.

Но для такого «стрима текстом» Threads подходит лучше: лента, скроллинг, посты тонут и это нормально. Кто хочет, тот следит.

Завёл страницу и запустил первый «тред дня».

Что уже успел:
— Обновил документацию проекта (использую структуру Diátaxis — четыре квадранта: Tutorials, How-to guides, Reference, Explanation)
— Попросил Claude написать skill-файл для ведения документации
— Запустил рефакторинг

И вот тут сюрприз. Claude отработал создание плана, всё хорошо. Но UI Cursor завис на вечном «просчёте», видимо, это потому, что я использовал встроенное окно Claude, а не терминал. Час ждал, потом ещё минут 30. Благо время не терял, уложил своих спать, погладил кошку. Смотрю, Агент молчит... непонятно.

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

Как итог, для себя пока решил такой формат:
- выводы и оформленные мысли в Telegram.
- текстовый стрим процесса в Threads.

Проверим, к чему это приведет.
1
Claude Code всему голова

Как и планировал, сделал сегодня текстовый стрим в Threads. Запустил Claude Code на рефакторинг нашего персонального проекта. По подписке лимит обновляется раз в 5 часов — идеальная сессия на вечер.

Что понравилось:
Claude Code в Cursor работает как танк. Идёт по плану задача за задачей, не останавливается. Обычный Cursor зависает после пары пунктов в туду-листе, а тут молотит до конца.

Фишка: он сам запускает несколько Explore-агентов для изучения структуры проекта. Параллельность. Живая цитата из чата "Начну с запуска нескольких Explore агентов для изучения структуры проекта".Суб-агенты собирают данные, потом Claude Code сводит отчёты и делает выводы. Смотреть на это — кайф.

Что опечалило:
Посреди работы расширение Claude в Cursor упало с ошибкой. Перезапустил через терминал напрямую — всё заработало. Запомнил: расширение удобнее, но терминал надёжнее. Если расширение глючит — запускайте терминал и перезаходите в Cursor.

Настройка MCP-сервера. Claude Code не подтягивает их из настроек Cursor, нужна отдельная конфигурация. Не много, но время потратить надо.

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

Попутно:
Поставил Claude app. Там есть расширения для работы с Windows, Chrome и так далее. Попробую позже.

Пока агент работал, подумал над простеньким интегратором новостей. Чтобы анализировал что происходит в мире по ключевым темам, выдавал короткие сводки со ссылками. Хочу добавить такие новости на канал — в каком формате, ещё подумаю. Буду рассказывать только о том, что интересно мне.

Что в итоге?
Мне нравится. Пока агент работал 5 часов, я успел домыть полы (убирали сегодня ёлку и игрушки), помыться, побыть с ребёнком, поужинать, поиграть с кошкой.

Долгая работа агента имеет свои плюсы.