Годный вайбкодинг
3K subscribers
13 photos
52 links
Вайбкодинг и нейронки

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

По всем вопросам - @AlexeyTripleA
Download Telegram
Как я потратил 200к рублей и не запустил проект

Чуть больше года назад я захотел сделать таск-трекер с ИИ-ассистентом.

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

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

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

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

В итоге я посчитал экономику...

Это b2c, и за такой продукт реально брать 5–10$ в месяц.
По затратам — ну, допустим, 100 т. р./месяц на разработку ≈ 1200$.
В приложение был внедрён ИИ, за API которого нужно платить. И маржа получается +- 2$ с человека. Значит, нужно 600 платящих пользователей. При конверсии 3% в платных выходит, нужно 20 000 пользователей всего.

А где их взять? Привлечение пользователей тоже стоит денег и съедает всю маржу. В общем, получается, что работать можно только если пользователи будут условно бесплатными. Или с очень большим удержанием платных пользователей. А таких каналов, чтобы привлечь 20 000 пользователей в месяц, у меня не было.

Понятно, что это очень примерные цифры. Но даже чтобы отбить затраты, потребовалось бы около 1000 оплат. А это всё ещё сырой MVP. В итоге я решил остановить проект.

Для себя я понял две вещи:

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

- Во-вторых, MVP надо делать за недели, а не за месяцы. И делать самому с нейронками, без найма и затрат на разработку.


Стоит отметить

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

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

Это было забавно, но я думаю, это правильное решение. И он остался доволен.

Я не думаю, что разработчики теперь вообще не нужны. Заниматься разработкой серьёзных проектов совсем без знаний основ программирования и при этом вести бизнес достаточно тяжело. Всё-таки время и внимание человека ограничены, и часть задач нужно делегировать, даже если ты можешь делать всё сам. Но на старте лучше свести затраты к минимуму, застартапить проект, протестить нишу, и только потом расширять штат, если в этом есть необходимость.
34👨‍💻6
Agent Teams в Claude Code

Относительно новая функция и пока что считается экспериментальной. С помощью неё можно запускать команды агентов за один промпт и речь не про субагентов. В Agent Teams каждый агент запускается в своём инстансе клода, все запущенные агенты могут общаться между собой, и мы можем писать промпты не только в основной чат, но и в чат каждому агенту.

Это интересно, и для некоторых случаев удобнее, чем классические субагенты. В этом видео я поэкспериментировал с Agent Teams.

У Agent Teams есть два варианта отображения:
- Обычный: для него не нужно ничего настраивать дополнительно и переключаться между агентами можно в панели claude code снизу под полем с промптом
- И split panes: в нем окно терминала делится на несколько секций, в каждой из которых работает отдельный инстанс клода. Для этого нужно устанавливать tmux или iTerm2

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

Еще сразу скажу, что там затупил немного с tmux: как я понял, между окнами переключаться надо комбинацией клавиш ctrl + b. Я пробовал это сделать, но похожду на другую кнопку нажал.) Так что если что да - используйте комбинацию клавиш.

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

Приятного просмотра:
YouTube | VK Video | RuTube
18👨‍💻2
Agent Skills

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

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

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

Вот некоторые ссылки из видео, где можно посмотреть примеры скиллов и найти готовые:
- Официальная документация стандарта
- Скиллы от Антропика
- Подборка 1000+ скиллов

В видео разбираемся с деталями:
- Что такое Agent Skills
- Как работают скиллы
- Как их создавать

Приятного просмотра:
YouTube | VK видео | RuTube
633👨‍💻6
Дизайн интерфейсов с ИИ

Попробовал инструмент Stitch AI от гугла. Весьма неплохо! На текущий момент, пожалуй, лучший ИИ инструмент для создания дизайна, на мой вгзляд. Сейчас сервис в Beta тестировании и на текущий момент он БЕСЛАТНЫЙ.

Да, это не единственный способ создавать дизайн интерфейсов, но если бы меня кто-то спросил "как делать дизайн, я ничего не знаю" - я бы порекомендовал Stitch.

Простой интерфейс, но по функционалу достойный!

Вот что с ним можно делать:
- Генерировать дизайн по промпту и референсам (ссылки / изображения)
- Редактировать дизайн с помощью промптов
- Можно выделять конкретные элементы для редактирования
- Есть еще пара интересных режимов редактирования

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

И вообще куча вариантов экспорта:

- Для ИИ агентов: html + дизайн система в формате markdown
- Экраны в Figma
- В Google AI studio
- Jules (ии агент от гугла, которым я не пользовался)

Кроме того

- Есть MCP для ИИ агентов, а еще sdk, чтобы делать генерацию через код (можно внедрить в свои проекты)
- Еще можно прям в Stich сделать прототип, перелинковать экраны, потыкать и скинуть кому-нибудь посмотреть
- В Stitch есть Nano Banana и можно генерировать изображения для интерфейса

В общем уже сейчас в инструменте есть все, чтобы создавать хорошие дизайны.

Весь функционал я разобрал в видео, приятного просмотра:

YouTube | VK Видео | RuTube
1520👨‍💻3
Вайбкодерский чат

Меня в чате канала уже неоднократно просили сделать топики в чате.

Проблема в том, что чат привязан к каналу. Чтобы включить топики, его нужно отвязать. Отвязывать чат от канала я не хочу.

Тем временем количество участников чата активно растет и со временем людей будет еще больше.

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

Так что я создал отдельный чат с топиками и приглашаю вас в него вступить: @VibecodersForum

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

https://t.me/VibecodersForum
8👨‍💻6
Cursor 3.0 - обновление

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

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

- Design Mode: редактирование UI во встроенном в курсор браузере. Браузер в курсоре уже был, но его интерфейс обновился

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

- Slack-интеграция: можно удаленно давать задачи курсору в слаке, он их делает и создает пулл реквест

- Worktree: параллельные агенты в отдельных ветках без конфликтов.

- Marketplace с плагинами в котором можно устанавливать готовые настройки (скиллы, правила, mcp, хуки)

Какие-то функции уже были, но у них обновился интерфейс. Снял видео, в котором разобрал обновления.

Приятного просмотра:
YouTube | RuTube | VK Видео
1025👨‍💻3
Claude Opus 4.7

Anthropic выкатили Opus 4.7. Цена осталась прежней, а модель прокачали.

Что изменилось в опусе:

- Стал точнее следовать инструкциям: теперь читает промпт буквально
- Прокачали зрение: принимает картинки до ~3.75 мегапикселей, это в 3 раза больше прежнего
- Лучше помнит контекст между сессиями: сам ведёт для себя конспект по проекту в файлах
- Effort xhigh: появился новый уровень глубины размышлений между high и max


Цифры от ранних тестеров

Anthropic собрали обратку от Cursor, Notion, Replit, Vercel и других. Самое сочное:

- Cursor: 70% на CursorBench против 58% у 4.6
- Notion: +14% на многошаговых workflow'ах и в 3 раза меньше tool errors
- Rakuten: в 3 раза больше решённых production-задач на их SWE-Bench
- Vercel подметили новое поведение: перед тем как писать сложный код, модель сначала сама себе доказывает, что решение рабочее
- Replit отдельно отмечают, что модель теперь пушит бэк в технических обсуждениях, а не тупо соглашается


Что нового в Claude Code

- Команда /ultrareview - отдельная сессия код-ревью. Проходится по изменениям и отмечает баги как нормальный ревьювер. Pro и Max подписчикам дают 3 бесплатных прогона
- Auto mode открыли для Max юзеров. Это когда Клод сам принимает решения по разрешениям в рамках задачи: запустил длинную работу и не сидишь над каждым шагом, но без полного отключения проверок
- Дефолтный effort в Claude Code подняли до xhigh для всех планов. Обращаем на это внимание, если Клод стал жрать больше токенов


Нюанс с токенами

Токенизатор обновили: тот же текст теперь занимает в 1.0-1.35× больше токенов. Плюс модель думает больше на высоких effort. Итого расход вырастет.

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

Новость на сайте Антропика:
https://www.anthropic.com/news/claude-opus-4-7
10👨‍💻5
Claude Design

Антропик выкатили новый продукт для создания дизайна!

Сейчас Claude Design находится на стадии "Research Preview", это значит, что доступ нам дали, но инструмент еще тестируется. И тем не менее, инструмент юзабельный уже сейчас.

Что мне понравилось:

- Дизайны получаются красивые
- Клод умеет делать классные анимации
- Кроме UI, можно создавать презентации
- Можно делать дизайн системы и использовать их в разных проектах клод дизайна: как в ui, так и презентациях
- Дизайн системы экспортируются как скиллы, что очень удобно для дальнейшей разработки

Что мне не понравилось:

Очень мало лимитов. И на Клод Дизайн они обновляются только раз в неделю.

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

Записал видео про Claude Design, по формату это скорее "первое впечатление". Подождем окончания тестов, мб запишу полноценный гайд.

Приятного просмотра:
YouTube | RuTube | VK Видео
14👨‍💻4
Claude Cowork - Гениальный прием

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


В чем суть

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


Работает это так

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

Да, нам придется либо вручную запускать эти таски, либо ждать пока сработает автозапуск. НО! Мы же делаем это для себя, лишний клик - ничего страшного. Зато мы получаем удобный интерфейс (по сути локальное веб приложение) и вместо того, чтобы для всех действий писать промпты в ИИ - можем удобно просматривать и работать с данными через графический интерфейс сделанный специально под наши задачи.

По поводу хранения данных - в markdown, можно использовать метаданные (Front matter, в начале файла) для хранения свойств, статусов, и любой информации в формате ключ-значение. Также можно использовать json файлы.

В корне делаем CLAUDE.md , прописываем инструкции, где что хранится и тд. В Scheduled Tasks прописываем логику работы с задачами и процессами. + создаем скиллы и mcp по необходимости для проекта.

В общем я в восторге! Можно делать веб приложения под себя: просто без заморочек с бекендом и api токенами.


Кроме того

Так можно тестировать концепции. Допустим, у вас есть идея и вы ходите сделать proof of concept. Можно быстро накидать интерфейс + бэк на коворке. И протестить, как хорошо это работает. Если все круто, то берем уже готовые наработки (интерфейс, промпты, инструкции) и просим ИИ сделат из этого полноценный SaaS с регистрациями и подписками.

Надеюсь, у меня получилось объяснить то, что меня так вдохновило) Если текстом не очень понятно, посмотрите видео. В нем показал, как это все работает.


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

YouTube | RuTube | VK Видео
21
Вайбкодинг если ты не программист

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

Паша (@bassotov_blog) из стратегического консалтинга, никакого IT-бэкграунда. Год назад начал разбираться в нейронках с нуля, просто потому что была идея и желание что-то сделать. Сейчас пилит свои продукты, автоматизировал кучу процессов в своей компании, а коллеги ему пишут слова благодарности.

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

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

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

YouTube | Rutube | VK видео
14👨‍💻3
Скиллы убили MCP?

В одном из комментариев меня попросили сравнить скиллы с mcp, а то я их все время с правилами сравниваю.

Вопрос возник не на пустом месте

Создатель Pi-агента написал, что MCP никогда не будет поддерживать. Армин Ронахер, автор Flask, заменил все свои MCP для автоматизации браузера одним скилом.

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

По крайней мере так было раньше. Сейчас с этим уже научились работать и эту проблему частично решили. Например, в claude code сейчас mcp не добавляются в контекст в начале сессии, а подключаются по необходимости. Правда токенов mcp все равно съедают много, когда все-таки подключаются в контекст.

Как нам могут помочь скиллы в этом вопросе?

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

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

Вот и получается, что какие-то mcp можно заменить скиллами и экономить токены. Так, например, можно заменить какой-нибудь playwright mcp на skill со скриптами. Скрипты в этом примере будут использовать CDP (Chrome DevTools Protocol) для управления браузером.

Но хоронить mcp не надо

Есть кейсы, когда mcp по прежнему актуален. Например:
- Для сервисов, где нужна авторизация OAuth
- Если нужен централизованный слой (на mcp сервере можно выполнять какую-нибудь валидацию или выполнять побочные действия)
- Или когда у скиллов нет доступа к интернету. Например, если мы используем sdk в коде, у скиллов может не быть доступа к интернету и тут нужны mcp

Ну и вообще, по своей природе это разные инструменты

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

С помощью скиллов со скриптами действительно можно заменить какие-то простые mcp. И для простых задач использовать mcp нет смысла, проще сделать скилл.

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

Также прикладываю видео на эту тему.

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

YouTube | RuTube | VK Видео
9