Zero to Vibe[coding] – Telegram
Zero to Vibe[coding]
157 subscribers
47 photos
2 videos
2 files
22 links
AI-инструменты, вайбкодинг и продукт в IT: https://news.1rj.ru/str/zero2vibecoding
Есть полезная информация для комьюнити -- пишите @YaLidia
Download Telegram
А чтобы советские вайбкодеры не расслаблялись, модель Claude научили отказывать в помощи тем, кто хочет странного особо настойчиво. По этому поводу вот вам еще мемасик и отличной всем пятницу 🌈
😁8
👀 Что это мы наделали?
Жизнь менеджера такова, что он описывает что-то словами, но в код это превращают другие люди. Чтобы развивать продукт иногда менеджеру приходится расспрашивать разработчиков, как у них там в коде все устроено, чтобы предложения фичей были более адекватными. Разработчики бывают разговорчивыми и нет, Cursor относится к первым.

И вот вы наделали чего-то с Cursor, не особо иногда успевая за его мыслью. Не работает — докапываемся, работает — зашибись, не пристаём и продолжаем творить! Но когда вы дошли до какого-то локального майлстоуна и думаете, что сделать дальше, то круто вспомнить про режим “Объясни, что это мы тут такое наделали”.

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

🤓 Включаем менеджера: Пора поговорить
Идём к нашему разговорчивому разработчику Cursor и просим объяснить, что мы за запросы такие посылаем в Google, не менялось ли чего. И тут открывается Нарния возможностей API Google, которыми наш креативный разработчик воспользовался как ему душа велела. Например, запретил не художественные фото, потому что в API так можно, ну и ещё подкрутил там и тут. В итоге после всех фильтраций и правда стали приезжать менее релевантные картинки, потому что релевантные срезали фильтры.

Попросила не фильтровать — помогло.

✍️ Делаем выводы:
- API Google очень гибкое, стоит попробовать ещё улучшить картинки, но более осознанно
- Cursor умеет подходить к задачам креативно и это обеспечивает его автономность (всё, что ему явно не сказали, он додумает за вас)
- разговорчивый разработчик — это невероятно познавательно и даётся вам вместе с Cursor из коробки, просто не забывайте пользоваться.
3👍91
☄️ Нет времени объяснять
Cursor -- торопыжка. Как только вы просите его что-то сделать, то он не только объясняет вам как подойти к решению задачи, но и может тут же накодить все способы решения разом. Он позволяет принять правки только одного из решений, но лично меня в этот момент не оставляет ощущение, что вдруг одна без другой нормально не сработает 🫠

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

Чтобы такой фигни не происходило, просто заранее попросите Cursor рассказать про варианты подходов для решения, пояснить детали, но НИЧЕГО не программировать. Просить можно без капса 👌

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

Кроме того, апдейт памяти Cursor предложил почти спустя месяц, поэтому можно попробовать действовать на опережение и в Cursor > Cursor Settings (это для Mac) написать свои User Rules.
Пример правила из документации Cursor по теме: Please reply in a concise style. Avoid unnecessary repetition or filler language.

😎 Моё готовое User Rule, которое можно утащить или улучшить
I’m new to programming — explain simply, suggest features with options (no code first), help with server restarts, cloud deploy, git cleanup, and stay concise & friendly

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

Встречайте -- двойной дефис! 😎

При печати некоторые умные приложения заменяют его на православное тире. Жмём Ctrl+Z и стоим на своём!
😁5
А вот без мемасов бы точно никто не пришел 😁
2😁6💯3
Ну штош, давайте немного поразглядываем итоги моего отпуска :)

🌈 Таймлайн:
- примерно 1 месяц вайбкодинга
- последние 2 недели дополнительно пробую раскачать Pinterest при помощи Midjourney+ChatGPT

💥 Дашборд:
- zero-кодинг! :)
- солянка из скриншотов сервисов, любезно (или за деньги) тянущих на себе мой проектик.

🤓 Overview прошедших двух недель:
- -$3,31 живых денег (и ещё около -$12 бонусных от гугла);
- +300% показы в Pinterest и +333% вовлечение (я у мамы SMM-менеджер 🙈);
- просела в пользователях, потому что трафик с Pinterest не перекрыл пик от внезапного наплыва сострадающих вайбкодеру на неделе перед этими 2;
- $0 заработала я на Amazon Affiliate Program (но ChatGPT успокаивает меня тем, что при моих объёмах трафика это нормально).

Расходы на Cursor, ChatGPT и Midjourney я не включаю, потому что они -- мои бесценные помощники 🙃
3😁3🔥2
💸 Чем больше я отвлекаюсь на рабочие вопросики, тем больше меня волнует вопрос, не сожгу ли я где-то случайно денег, отвернувшись от дашбордов.

🕵‍♀️ Подозреваемые
- Open AI не страшный, берёт предоплату. Нет денег, нет поиска.
- Подписки на инструменты тоже: заплатил и не используешь -- сам дурак.
- А вот Google Cloud сделан для серьёзных людей, там привязана карта, и если кто-то начнёт меня ддосить (скорее всего это будет мой же вайб-код 🤪), то Google начнёт списывать денежку, пока она не кончится.

🛠 TLDR
Можно попросить Cursor настроить в Google Cloud через его CLI бюджет на месяц на сумму X долларов и сделать алерт + письма на достижении N%. Обязательно проверьте потом настройки в интерфейсе Google Cloud. Настроенные бюджет и алерты нужны, чтобы отключить сервис или его части, если случилась беда.

🏮 Полный путь ленивого занятого самурая
1. Ищем лимиты в интерфейсе облака Google Cloud и падаем в обморок от количества доступных возможностей. Картинка прилагается.
2. Спрашиваем у Claude (да, он у меня тоже стоит, я влюблена в его типографику, пользуюсь бесплатно), можно ли настроить облако через CLI. Получаем "Да", много кусочков команд и отпадающее желание делать их самостоятельно.
3. Идём в Cursor и даём команду на человеческом: настроить лимит на траты в облаке в $Х в день на все API в сумме.
4. Обнаруживаем, что в 2021 году Google Cloud отключил дневной бюджет и возможность автоматически останавливаться сервисы при его достижении, потому что разработчики настраивали его, ломали прод и ругались. Теперь настроить надо бюджет на месяц и алерты на пороги (процент от бюджета). А автоотключение надо писать отдельно. То есть вырубить сервис или его части в проде можно, но придётся повозиться 🤓
5. Cursor за 5 минут настраивает на ваших глазах командами бюджет, пороги и нотификации. Спрашиваем как проверить в интерфейсе Google, ну чтоб наверняка.
6. Обнаруживаем лимиты в 100 раз больше, потому что Cursor написал 50, а надо было 0.5 🤡. Меняем в интерфейсе и сообщаем Cursor об ошибке, чтобы он подправил скрипты.

🤭 Спать спокойно пока рано
Надо ещё:
- проверить работу алертов на практике, уменьшив пороги;
- написать и выложить код, который будет выключать сервис при срабатывании алерта.

Буду ли я спасть спокойно после этого -- большой вопрос. Ведь код отключения мы напишем вместе с Cursor. Кажется, не далек тот час, когда я всё же попрошу поревьюить мой код живого разработчика 🙈
👏3😁31🫡1
Ну, с пятницей, друзья! 🍻
😁3👍2
Вот этот не супер-свеж, но он так хорош, что хочу сохранить его здесь для вас. Не забудьте зарегистрироваться! 🌚
😁7
⌛️Время⌛️
Отпуск закончился и моих постов, как видите, поубавилось, потому что погружение в новые темы требует времени.
- Проблема с теорией -- её неприлично много, потому что новая технология её помогает генерировать в невиданных ранее масштабах.
- Проблема с практикой -- совсем непонятно сколько на что потребуется времени.

Например, сходу, сложно предположить, что прикручивание фавиконки к сайту (это картинка в табике браузера у сайта) и реализация первой версии поиска на агентах Open AI может занять одинаковое количество времени (у меня вышло 2-3 часа на каждую).

🤯 Нервы 🤯
Наш мозг очень не любит непредсказуемость, работать с ней для него энергозатратно. Вероятно поэтому вот так выглядят итоги недавнего опроса LinkedIn:
- Более половины (51%) специалистов говорят, что обучение работе с AI ощущается как ещё одна работа.
- Давление учить AI на работе растит неуверенность в себе -- треть (33%) признаются, что им неловко из-за того, как мало они понимают в этой теме, а 35% говорят, что им нервно обсуждать ИИ на работе из-за страха показаться глупым.

Что будем делать, чтобы не сойти с ума и не сгореть?
1. Принимаем, что порой от всего этого AI-движа тяжело/стыдно/неловко. Принятие снижает уровень стресса 👌
2. Смогли применить AI для работы с IT-проектом и испытали вау -- напишите мне. Полезные советы я запощу сюда, вместе спасем чьи-то время и нервы 🕊
🔥4
🤑 Бесплатные помощники!
AI-инструменты это не только возможности, но и траты. Но сегодня будут такие, которые можно добавить в ваш портфель помощников бесплатно.

🤖 Что и зачем?
Распиаренный N8N и менее на слуху Langflow -- это продукты для автоматизации задач с человеческими интерфейсами. Вот ходите вы, например, по рабочим делам между любимой LLM, Telegram и файликами с документами, совершаете одинаковые действия. Вспомните сейчас самые нудные :) Так вот, их можно как из кубиков выложить в интерфейсе таких программ и запускать по кнопке или расписанию.

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

👀 Как пользоваться бесплатно?
Вы можете развернуть приложения у себя на компьютере следуя этим простым инструкциям:
- N8N https://github.com/n8n-io/n8n?tab=readme-ov-file#quick-start
- Langflow https://github.com/langflow-ai/langflow?tab=readme-ov-file#%EF%B8%8F-quickstart
Если вам лень/страшно запустить в терминале 2-3 команды, то попросите об этом Cursor 😎 (я конечно так и сделала).

После установки приложения работают в браузере.

Пока я писала этот пост, нашла на сайте Langflow их приложение, тоже бесплатное. Форма, скачивание и установка заняли столько же времени, сколько установка командами с Cursor. Шок, если честно.

На картинке мой процесс в Langflow, который в ответ на ссылку отдаёт мне готовые тексты для поста в Pinterest, и пример его использования (также внутри Langflow). Зеро код. 👌
👍3🔥1
Так-так, задолжала мемасик! Исправляюсь и закидываю в последний вагон уходящей недели.

Берём оригинальный ч/б-мем в плохом качестве, потому что кто-то очень умный прислал его себе в сохраненные в телегу 🙃

При помощи заклинания "Улучши качество картинки и добавь свежести и красок" в Gemini получаем вот такую красотулю 👌
😁3👍2🔥1
Open AI снова запустила GPT-5
На этот раз обновление коснулось Codex — их агента для разработки.

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

В статье приводятся всевозможные подтверждения, почему Codex-GPT-5 — это круто, но лично меня впечатлило вот это:
«During testing, we've seen GPT‑5-Codex work independently for more than 7 hours at a time on large, complex tasks, iterating on its implementation, fixing test failures, and ultimately delivering a successful implementation.»
Позавидовала LLM, у которой есть 7 часов непрерывного времени на интеллектуальную задачу. 🧘

Ещё любопытное:
«Like in the CLI and IDE extension, you can now use images to share frontend design specs or explain UI bugs. As it builds for you, Codex can spin up its own browser, look at what it built, iterate, and attach a screenshot of the result to the task and GitHub PR.»
Cursor с Sonnet справляется с этой задачей, но дизайн с картинки получается весьма примерным, больше похоже на вольный пересказ. Потестим 🌚

Если пробовали Codex, поделиться впечатлениями.
👍2
Чего хотела: по небольшому списку запросов/промтов собрать в табличку ответы от нескольких сервисов (LLM и ассистенты внутри сервисов).

🧨 Ничего не предвещало беды
В n8n мне удалось собрать агента, который выкачивает табличку из Google Sheets, достаёт из неё запросы и список сервисов, но дальше не нашлось универсального способа как внутри N8N простучать сервисы запросами:
- LLM не позволяют отправить запрос через URL. У них хотя бы есть API, эту часть ещё можно автоматизировать;
- но ассистенты, встроенные в сервисы, вообще никакого внешнего URL не имею, а публичное API им ни к чему.

💡 Нужен парсер!
Вспомнила про хвалебные статьи о Puppeteer.
В Manus и ChatGPT есть агентский режим. Выглядит как мини-браузер, в котором LLM за вас ходит по интернету, чтобы решить задачу. Puppeteer -- это такая библиотека, которая бесплатно прямо у вас на компьютере может сделать примерно тоже самое, но в отличие от LLM Puppeteer исполняет конкретный скрипт, который вы для него напишете.

Примерно за 15 мину с помощью Cursor новая штучка заработала на моём компе, да ещё и в виде скрипта Langflow, запускающего сбор данных для 5 сервисов. Но в ходе часового дебага стало понятно, что LLM и крупные сайты вроде Amazon довольно успешно защищают себя от инструментов типа Puppeteer, попавших в неумелые (хоть и добрые) руки.

🌚 Развязка
В сердцах я попросила собрать мне скриншоты ответов для одного запроса агента ChatGPT. Он успешно справился со всеми LLM, включая себя самого.
Амазон агента ChatGPT послал. Я натравила на Амазон ещё и Manus, но он тоже был отбит. ☠️

Пока агенты ChatGPT оказались самым простым и эффективным способом получить скриншоты/саммари данных на заданную тему, но такой способ ограничен довольно жесткими лимитами на использование агентов и отсутствием этого режима в API.

Знаете другой надежный и масштабируемый способ -- спасите-памагити! 🌸
📖 В конце рабочей недели этот пост попадёт вам в самое сердечко, потому что вокруг так много интересного, а сил и времени всё это почитать уже нет, правда? 🌚

🧚 NotebookLM и Нейроэксперт
Эти инструменты помогут вам не сойти с ума в следующих ситуациях:
1. у вас в руках pdf-документ на десятки страниц, а вы даже не знаете, есть ли в нём полезное для вас;
2. несколько статей на тему, в которую надо срочно погрузиться;
3. микс из статей, pdf, копипастов текста (а если брать NotebookLM, то прибавьте к этому Google Drive и ролики с YouTube) -- чтоб разобраться в теме максимально основательно!

Как это работает:
- Грузите нужные вам данные в эти инструменты (оба работают на вебе и бесплатные, но как обычно в мире GPT -- есть лимиты, проконсультируйтесь с тарифами). NDA не грузите;
- Получаете саммари документов, чтобы понять о чём речь;
- Чатитесь с загруженными документами: если данных в документе есть, то вы получите ответ на свой вопрос со ссылкой на конкретный абзац, чтобы всё проверить, а если нет, то сервис так про это и скажет.

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

Плюсы и минусы вариантов:
📘 NotebookLM сильно фукнциональнее. Например, он может сделать майндмеп контента, квиз по контенту или флэш-карточки для заучивания. Есть инстурументы для подкастеров и видео-блоггеров, но я у мамы не могу быть ими всеми, так что обзора не будет 🙂
Минусы: 1) плохо доступен из России без VPN... 2) ответы пишет тяжеловатым языком.

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

Лайфхак для жизни:
- закидываете в такой сервис договор с банком и просите перечисли всё, что в нём плохо для вас, как для клиента;
- ура, вы знаете всё, что от вас пытались скрыть сноски, звездочки, мелкий шрифт и канцелярский язык.
👍7
При помощи новой способности Алисы оживлять изображения, спасаем этого вайбкодера от неверного пути!
6
Почему я кричала "Ура" от того, что мой сервис не работает?
Потому что я наконец смогла проверить на практике, что моя система остановки трафика при достижении лимита бюджета реально работает!

Напомню, что с начала сентября я пытаюсь избежать бесконтрольных трат на облако Google, где лежит мой пет-проект https://task2cart.com.

Что было просто:
- настроить в облаке Google пороги бюджета и алерты (про это как раз в первой части)
- написать скрипт с помощью Claude/Cursor/GPT
- убедиться, что скрипт не работает 🤡

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

Дальше несколько лайфкахов, чтобы у вас получилось быстро:
1. прочитайте первую часть;
2. посмотрите на приложенную картинку, чтобы осознать, как именно всё будет связано внутри облака, чтобы оно заработало;
3. загрузите картинку как ТЗ в Cursor и скажите, что вам надо также, но у вас не настроен бюджет, алерты, pub/sub и и нет cloud function, вам нужны план и помощь по пошаговой реализации остановки трафика при достижении лимита (за это отвечает ingress = internal).

Лайф-хаки, без которых решение через Cursor и Cloud CLI может не завестись:
- В настройках бюджета обязательно поставьте руками галочку "Connect a Pub/Sub topic to this budget" внизу страницы, если по итогу настройки с Cursor она не будет взведена;
- Попросите помочь с настройками прав для сервисного агента (это такой специальный аккаунт(ы), внутри вашего облака, ему надо дать правильные права, чтобы он смог выключить сервис);
- Cursor поможет вам с curl-запросом, с которым вы сымитирует отправку алерта в cloud function -- это нужно, чтобы вы увидели, что в теории скрипт сработает;
- но чтобы проверить, что реально работает, можно подгонять сумму бюджета так, чтобы лимит быстрее был достигнут. Если поменяете бюджет так, что лимит как-будто уже пройден, алерта не будет, а без этого проверить не получится.

Экономлю вам 5 часов борьбы с кодом скрипта -- берите его тут:
https://github.com/lidiapopelo/zero2vibe/blob/main/cloud_function_index_example.js
По комментариям вы поймёте, где нужно вставить данные вашего сервиса, а то не сработает.
🔥1🥰1😁1
Чтобы вы могли поиграться на выходных, ловите инструкцию как подружить Figma и Cursor за 1 минуту.
3🔥2