CodeVibe Lab
227 subscribers
19 photos
11 videos
15 links
Vibe-coding без скучной теории - только реальные инсайты

Чат: @codevbrs
Download Telegram
Топ-3 моделей для генерации SEO контента

В идеале сначала прокачать трафик на лендинг, а потом пилить продукт 😬

А какие модели the best для этого? 🧐

Погнали 🚀

1. Claude Opus 4.6
Просто топовый текст прямо сейчас 🔥


- самый человеческий стиль
- держит длинный контекст (статьи, гайды, ресерчи)
- меньше всего требует правок

👉 идеален для:
лонгридов, блогов, экспертного контента

2. Gemini 3.1 Pro
Мощный, но нестабильный 🙆‍♂️


- почти топ по бенчмаркам
- хорошо пишет, но иногда плывет 🫠 и есть вероятность получить ерунду в середине статьи
- дешевый и есть free tier

👉 идеален для:
массовой генерации, тестов, экспериментов

3. GPT 5.4
Надежный работяга 🧑‍🏭


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

👉 идеален для:
B2B, лендингов, документов

А теперь про цены 🫰🏽

Стоимость одной средней статьи блога размером 2000 слов

- Claude Opus 4.6 ~$0.08
- GPT-5.4 ~ $0.06
- Gemini 3.1 Pro ~ $0.03

#вайбкодинг #seo #claude #gemini #chatgpt
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Итак, представляем вашему вниманию рекламный ролик:
- Который не снят на реальную камеру
- В котором нет ни одного реально существующего человека
- Который является чистой AI генерацией и только фантазией одного креативного человека

- Только Kling AI
- MidJourney
- NanoBanana 2


Креативно by Некая Анастасия

#veo3 #midjourney #klingai
🔥5
Ответ JetBrains

Ну что! JetBrains выкатили свой ответ всяким Курсорам и Антигравити 🚀

Многие разработчики фанатеют от продуктов JetBrains, но все мы испугались, что компания сдала позиции и проиграла эту гонку AI IDE

Сходу могу сказать, что интерфейс такой же как и у Codex. Видимо, это уже индастриал стандарт.

На мой взгляд, тот же Pycharm вместе с Claude Code CLI куда удобнее и прочнее.

А вы уже пробовали?

Ссылка на новую IDE

#jetbrains #ide
🔥2🙈1
Media is too big
VIEW IN TELEGRAM
Победитель Higgsfield фестиваля AI роликов 🫨

Заварите чай, представляем вашему вниманию еще один ТОПовый AI ролик.

Чистая ИИ генерация. Потрясает воображение.

Перед вами ролик GRANDMA VS WASP - победитель конкурса Higgsfield

На стриме автор-поледитель рассказал про стек:
- Для создания изображений использовали Nano Banana внутри Higgsfield и Cinema Studio.
- Для анимации использовали Kling и SeaDance
- Для монтажа — Adobe Premiere
- Для части upscale - Topaz

Затраты 🫰🏽
- 3 человека
- Примерно 1 неделя активной работы
- До 300 долларов на токены

#kling #higgsfield #nanobanana
🔥2
Google Stitch - это настоящий фигмазаменитель 💪

Если вы вдруг решили нанимать дизайнера, потому что не чувствуете себя достаточно креативным, то вот мой совет:
- Открываете этот сайт
- Описываете свой идеальный дизайн, а также для чего вам нужен сайт, приложение и ждёте 2-3 минуты
- В месяц у вас 350 генераций - для создания промышленного дизайна хватит, зуб даю
- Потом выгружаете HTML или даете MCP доступ Cursor или вашему Claude Code
- ИИшка берет референс и делает весь сайт в данном дизайне
- По факту вы в самом начале задаете тон

#google #stitch #вайбкодинг
❤2👍1
Как и где хранить код? Или что такое Git?

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

Погнали 🚀

Самое важно слово - git

Или лучше: git репозиторий

Это просто папка с историей изменений твоего кода.

Не просто файлы, а:
- кто что и когда поменял
- можно откатиться назад
- можно работать в команде

👉 Проще:
Git = Ctrl+Z, но для всего проекта и навсегда

Как это выглядит в жизни

→ Ты пишешь код
→ Сохраняешь
→ Фиксируешь изменения
→ Потом можешь вернуться к любой версии 👍

База команд (базовый минимум)

1. Инициализация проекта

git init


👉 превращает любую папку на твоем компьютере папку в git-репозиторий

2. Проверить, что изменилось

git status


👉 показывает, какие файлы ты трогал

3. Добавить изменения

git add .


👉 говоришь:
вот это я хочу сохранить


Тут можно еще конкретные файлы указать вместо точки

4. Сохранить (commit)

git commit -m "added login page"


👉 создаешь точку, куда можно вернуться

5. Подключить GitHub (один раз)

git remote add origin <url>


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

6. Отправить код на GitHub

git push -u origin main


Вот теперь вы пошерили код всем своим коллегам.

7. Получить обновления

git pull



Как думать о Git 🧐

Есть 3 стадии:
1) изменил файл
2) git add → выбрал изменения
3) git commit → зафиксировал

👉 если нет commit - этого как будто не существует

Частые ошибки 🙆‍♂️

1. Забыл commit
код есть, но git его не видит

2. Забыл add
commit пустой

3. Боишься Git
хотя это просто история файлов

#git #вайбкодинг
🔥3🤡1
Только юзеры Claude код поймут…

Идеальный офис для Anthropic 😀
😁4❤1
Как оптимизировать трату токенов в Claude Code?

Ты платишь за то, сколько модель читает 📚

Claude Code работает не как чат. Каждый запрос - это как будто ты заново отправляешь ВСЕ:

- свой prompt
- всю историю диалога
- весь код
- все файлы
- системные инструкции
- tools

Каждый. Раз. С нуля.

Что такое токены?

Это просто кусочки текста.
1 токен ≈ 3-4 символа.

"Write API in Python"

≈ 5-10 токенов

Важно вот что:
💣 90% денег уходит не на ответ, а на то, что ты отправил модели


Теперь смотри, где ты реально сжигаешь деньги 🔥

1. Длинный чат
Ты написал 50 сообщений?
Поздравляю - каждое новое сообщение тащит их все обратно.

2. Код и файлы
Закинул большой файл - модель читает его полностью. Каждый раз.

3. Agent / auto режим
Claude начинает сам думать, читать, запускать tools
И просто выжигает твои токены без остановки

4. Tools
bash ≈ +245 токенов
editor ≈ +700 токенов


И это не один раз. Это каждый вызов.

5. System prompt
Ты его не видишь
Но он всегда есть и это➕ 300 токенов минимум

И вот формула, которую нужно запомнить:

Стоимость = все что модель прочитала + все что она написала

Не сообщения
Не ответы

А именно объем текста.

И еще про время ⏰
- Нет дешевых часов
- Ни ночью, ни в Европе

Цена всегда одинаковая.

Но есть ловушка:

- лимиты могут сбрасываться (например каждые ~5 часов)
- и если ты активно работаешь - ты просто упрешься в потолок

Как не сжигать деньги:

- делай короткие сессии
- чисти чат (/clear)
- не тащи весь код сразу
- дроби задачи
- не давай модели думать бесконечно

#claude #вайбкодинг
🔥4👍1
Получил доступ к Mythos и вот мои впечатления 🚀

Решил потестить на текущем проекте и решить актуальную задачу

Задача
- Написать удобный алгоритм нахождения маршрута A → B с минимальной ценой

Что есть?
- Собранные данные в формате JSON, csv, txt
- Загруженные данные в Clickhouse + часть данных в Postgres
- 5 парсинг систем для сбора занных из интернета, включая очень известных вам

Кажется, что задача простая, НО в реальности:
- 1-3 пересадки
- разные авиакомпании
- разные билеты
- окна пересадок
- риск опоздания

Вот мы писали вдвоем с Опусом + Кодексом, наверное 1 неделю, нормальный алгоритм, который обработает все кейсы и выйдет на хорошие метрики (какие метрики - писать не буду)

И вот я сегодня утром описываю детально задачу и Mythos примерно за 2 минуты thinking вводит еще одну переменную:
- риск развала маршрута

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

5 факторов мы упустили втроем вместе с Опусом!

total_score =
price +
travel_time +
failure_probability * penalty


В итоге происходит неожиданное:

🤌 САМЫЙ ДЕШЕВЫЙ МАРШРУТ ВЫЛЕТАЕТ ИЗ ТОПА

и выигрывает:

🧠 ЧУТЬ ДОРОЖЕ, НО С НОРМАЛЬНОЙ ПЕРЕСАДКОЙ И НИЗКИМ РИСКОМ

На практике получаем результат, который на 8% лучше по основной метрике, которая включала факторы:
- меньше пропущенных рейсов
- меньше негативной оценки маршрута (туда попадает отдельные скоринга оценки клиентов из датасета)

То есть за 2 минуты Mythos написал рядом алгоритм, который показал на тестовой выборке результат на 8% лучше 🤪, чем алгоритм, который мы писали вдвоем 1 неделю...

Ну что это прямо 🚀


Update:
Через 2 часа модель пропала…

#вайбкодинг #mythos #claude
👍3❤1😁1
Интернет - это не облако. Это 3 шага.

Ты открываешь сайт.
Кажется - магия.

На деле происходит всего 3 вещи:
1. Ты спрашиваешь:
Где этот сайт?


Пишешь google.com →
компьютер идет к DNS

👉 DNS - телефонная книга интернета
→ возвращает IP (типа 142.250...)

2. Ты идешь по адресу

Браузер отправляет запрос на этот IP

GET / HTTP/1.1


👉 буквально:
Дай мне страницу


3. Сервер отвечает

Сервер возвращает:
- HTML (структура)
- CSS (стили)
- JS (логика)

👉 браузер это собирает → и ты видишь сайт

Интернет = это не сайты

Это:

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


Сайт не открывается?

1) Проверяешь DNS

nslookup google.com


если нет IP → проблема в DNS

2) Проверяешь доступность сервера

ping IP


3) Проверяешь порт

nc -zv IP 80


если не коннектится → порт закрыт

4) Проверяешь сам HTTP

curl -I http://site.com


если ошибка → проблема в сервере или коде

5) Смотришь в браузере DevTools
вкладка Network → там вся правда

#вайбкодинг
👍5
🔥 ТОП-5 LLM агрегаторов (сравнение)

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

Погнали 🚀

1. OpenRouter (де-факто стандарт)

💸 Цена:
+5.5% комиссия к токенам

🧪 Триал:
есть free tier (25+ моделей, но лимит 50 запросов в день)

📦 Модели:
300–400+ моделей, 60+ провайдеров

⚡ Вывод:
- лучший entry-point
- но не самый дешевый на масштабе

2. LLM Gateway

💸 Цена:
~5% комиссия

🧪 Триал:
- полноценный free tier без карты

📦 Модели:
180+ моделей

⚡ Вывод:
- альтернатива OpenRouter
- чуть дешевле + нормальный free доступ

3. GateRouter

💸 Цена:
- без подписки, платишь только за токены
- заявляют до -80% cost через routing

🧪 Триал:
- можно стартовать бесплатно

📦 Модели:
~20+ моделей

⚡ Вывод:
👉 для оптимизации цены
👉 но меньше coverage моделей

4. OpenRouterX

💸 Цена:
- кредиты (от $5)
- прозрачные цены по токенам

🧪 Триал:
- $5 free credits новым пользователям

📦 Модели:
- Claude, Gemini и др. (но меньше, чем OpenRouter)

⚡ Вывод:
- удобно пощупать модели
- но не топ по масштабу

5. Anannas 🆕

💸 Цена:
~5% комиссия (дешевле OpenRouter)

🧪 Триал:
- зависит от доступа (часто без free tier)

📦 Модели:
~500+ моделей

⚡ Фишка:
- очень низкий latency (~0.5ms overhead)

⚡ Вывод:
- потенциально топ для продакшна
- но менее проверенный


#вайбкодинг
👍3
Идеи для вашего топового лендинга 🦄

Простой Пайплайн для создания главной анимации на странице:
Nano Banana > Kling > Claude

Генерируем

Генерируем изображения через Google Gemini (Nano Banana) - бесплатно

Анимируем

Идем в Kling или Runaway и анимируем

Кодим

Говорим Claude / Codex или любой модели Cursor поставить на главный экран вашего лендинга видео

Важно:
- Попросить оптимизировать под веб полученный и зациклить анимацию
- Сделать реверс
- Бесшовно склеить с оригиналом.

А теперь детали примера:

Gemini (Nano Banana)
Нужно сгенерировать первый и последний кадр для анимирования, можете взять мой в качестве референса.

Промпт для Kling:
A cosmic spiral slowly unwinds and contracts around a man as he types on his laptop; glowing rings shimmer and pulse with iridescent blue-gold light; a yellow alstroemeria flower gradually emerges to the right, illuminated by the spiral's warm glow.


#kling #nanobanana
👍1
Принципы программирования для вайбкодеров 🤝

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

Используйте ключевые принципы программирования и всего за одно слово Claude Code или Cursor поймет вас лучше любого разработчика.

Погнали 🚀

SOLID 🦄
Дели логику на простые части. Мой любимый. Это лучший подход. Всегда просите ИИ дробить код на максимально простые логические части. Через год скажете спасибо.

Волшебные 3 слова для ИИ:
Соблюдай принцип SOLID


KISS 👾
Не усложняй, делай проще. Часто когда пишешь код, можешь начать писать крайне витиеватый код, усложняя его с каждым подходом. Так работает наш мозг, так работает и AI 🤖. Важно вовремя сказать:

Стоп! Давай упростим.


Для ИИ стоп 🛑слово:

Примени подход KISS


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

Лучший промпт после долгой разработки:

Сделай код DRY


YAGNI
Не добавляй то, что реально не нужно! Еще один классный принцип. Всегда задавайте себе и ИИ вопрос:

Зачем сейчас этот кусок кода или этот функционал? Он нам нужен точно?


Если что-то вам не нужно, то смело удаляйте. Не комментируйте! Не плодите артефакты или мусор!

#вайбкодинг #solid
🔥6🤣1
🚀 Claude Code: гайд для новичка

1. База

Claude Code - это когда ты пишешь код через ИИ, а не руками.

Ты не разработчик, ты:
- формулируешь задачу
- даешь контекст
- проверяешь результат

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

2. Какие инструменты нужны?

Начни с этого:

1) Claude Code (основа)
Используется как основной мозг 🧠 По сути это как раз тот самый ИИ. Без него нельзя вайбкодить.

👉 Лучше брать Claude Code с моделью Sonnet или Opus
Они сильнее всего в:
- архитектуре
- рефакторинге
- длинных задачах

2) Cursor (редактор)

Это редактор кода с ИИ внутри. Аналог Word в обыкновенном мире. Только тут в результате ты можешь запустить приложение.

Ты прямо в коде пишешь:

add auth system with JWT


И он добавляет возможность зарегистрироваться пользователям в твоем приложении

А потом просишь его:

run application


И он запускает.

3. Git
- чтобы хранить проекты
- и учиться работать как норм разработчик
- По сути это аналог Google Docs, написал что-то, сохранил. Как использовать git?

💡 Этого достаточно, чтобы начать
НЕ нужно 10 инструментов

Как реально писать код через ИИ

Вот главный принцип:

❌ Плохо: сделай сайт
✅ Хорошо:

сделай лендинг на Next.js с hero + CTA + Tailwind


🔥 Базовая схема работы
- Ты даешь задачу
- ИИ пишет код
- Ты запускаешь
- Если ошибка → копируешь ее обратно
- ИИ фиксит

👉 повторить 5-10 раз = готовый продукт

4. Лучшие советы для старта

👍 Сделай простой SaaS лендинг

Вот тут рассказываем, как устроен SaaS

Пример запроса:

Create a SaaS landing page using Next.js and Tailwind.
Sections:
- Hero
- Features
- Pricing
- CTA
Make it minimal, like Notion style.


Почему нужно начать с этого?
- быстро виден результат
- понимаешь цикл разработки
- можно выложить в интернет

💀 Главная ошибка новичков

👉 Они думают, что нужно учить все

Нет.

Нужно:
- понимать базу (очень поверхностно)
- уметь правильно задавать задачи ИИ

📌 Минимум знаний:
- база для вайбкодера
- что такое API?
- что такое база данных
- что такое frontend/backend
- какую модель выбрать

👉 Этого достаточно

🚀 Как ускориться х 10

💬 Всегда давай контекст

Плохо:

fix this


Хорошо:

Fix this error in FastAPI endpoint, using SQLAlchemy


📚Разбивай задачи

❌ сделай маркетплейс
✅ сделай регистрацию пользователя

🪜Работай итерациями

Не пытайся сразу идеально

📚Где учиться?

Вот хорошие ресурсы:

💬 Статьи / гайды

- Официальная документация Claude
- Как пользоваться Cursor
- Reddit - там реальные кейсы, а не теория

⏭️Что делать дальше

После первого лендинга:
- Сделай авторизацию и базу пользователей
- Подключи API
- Задеплой (Vercel)

🫨 Реальность

Claude Code ≠ халява

Ты:
- все равно думаешь
- принимаешь решения
- проверяешь код

Но:
👉 скорость x 10

#вайбкодинг #claude #cursor
👍4❤2👎1🔥1
Codex - недооцененный турбо tool 🚀

В последнее время все чаще и чаще использую Codex для решения множества задач

Основная killer фича этого инструмента - это Full Access режим. В этом режиме топовая GPT 5.4 получает доступ ко всем интерфейсам вашего компьютера 🧠

А теперь лучшие Use Cases 🤌

DevOps-заменитель 👾
Для меня это уже практически заменитель SysAdmin or DevOps. Сначала арендует сервер в каком-нибудь Digital Ocean за 3-5 баксов в месяц, а затем просто пишите Codex:

Открой терминал и подключись по ssh к серверу 123.234.56.78. Там мы развернем мое приложение. Там настроим CI/CD. Подготовь сервер к деплою, а затем скажи, что мне нужно донастроить руками в GitLab + мне еще надо домент подключить - он у меня сейчас в GoDaddy


И в этот момент происходит магия 🙀 - вы настраиваете приложение без модного Vercel, без помощи DevOps, который стоит 50$ в час, а сами и за 10 минут!

Можете вообще поднять кластер, настроить свою мега крутую корп сеть - да что угодно!

Оркестратор 🎶

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

Так вот - говоришь Codex - буквально - так как тут просто обалденный голосовой набор

- Иди в эту папку projects/backend - там нужно добавить метрику
- Потом доработай расчет самой метрики тут projects/microservice1
- И еще скорее всего тебе нужно будет переделать проброс метрики вот тут projects/microservice2
- Да и не забудь добавить отображение метрики на фронте: projects/frontend


Вуаля! 🔥 Он как батя-оркестр все это делает сам. Не нужен никакой Paperclip или Канбан доска - тут все в одном флоконе

Ну и в конце кейс практически для всех

Тестировщик или же QA больше не нужен 🥸

Codex шикарно через skill Playwright может оттестировать ваш сайт или приложение от А до Я и все запаковать в отчет. А еще он может это тестировать бесплатно хоть каждый день

Подключись к сайт site.com и протестируй форму логина


Ждем 1-2 минуты и опять Magic 👹 - вы получаете готовый тест отчет.

#вайбкодинг #openai #codex
🔥5❤2😁1
Важная Новость 🔥

Вашему вниманию технический отчет про модель Claude Mythos

Кратко тезисы

Качественный turbo скачок в AI 🚀
То есть по сути Антропики сделали самую мощную модель в истории компании

В чем лучше?
- reasoning
- coding
- и просто TOP в cybersecurity

Крайне пугающий момент документа 😱

Модель может создавать беспрецедентные риски в кибербезопасности


- модель может моментально находить уязвимости
- может запускать массовые атаки
- и снижает порог входа для хакеров 🤔

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

И еще просто шокирующий факт о reasoning модели:

👉 она думает одно
👉 объясняет другое

Самый емкий вывод по документу

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


На пальцах, что это означает...

Теперь ты пишешь:
Задеплой мне сервис и дай публичный URL


Mythos Agent:
- пишет код
- поднимает сервер
- настраивает nginx
- пробрасывает порт
- делает ссылку
- проверяет, что всё работает

⚠️ Почему Anthropic так переживает?

Потому что:
- раньше: вот как взломать
- теперь: сама взламывает

#вайбкодинг #mythos #claude
🔥7❤1👎1
Новую модель Mythos сделают закрытой 🤖

Новая модель Mythos Preview от Anthropic нашла более тысячи zero-day уязвимостей во всех основных операционных системах и браузерах 💀

Один баг жил незамеченным 27 лет, другой 16 🫨

Ее exploit success rate 72.4%

Для сравнения:
у Opus 4.6 - почти ноль 😀

Модель НЕ стала публичной.

Она передана под NDA партнерам 👾 Glasswing: AWS, Apple, Google, Microsoft, Nvidia, Cisco, CrowdStrike, Palo Alto Networks

#вайбкодинг #claude #mythos
👍4🥱1
This media is not supported in your browser
VIEW IN TELEGRAM
Как ощущается жизнь, когда перешел на Claude Code Max
😁7❤1
Тактика работы с Claude Code 👾

- Вот вы начали свой рабочий день, допустим, в 11-00
- Откройте Claude Code и просто сделайте какой-то примитивный запрос, например:

Привет, как дела?


Зачем? 🧠
Все очень просто...

- Допустим ваш раброчий день - это 8-9 часов
- Окно Claude Code - 5 часов
- То есть за 1 рабочий день вы можете максимум закрыть 2 окна Claude Code


Что обычно происходит?
- Вы пришли на работу
- Сделали 2-3 звонка 🥸
- Попили кофе
- Уже прошло 2 часа
- Сели за комп и начали писать ТЗ - это еще плюс 20-40 минут
- Отправили запрос в Claude Code - стартовали первое окно, а уже 13-14 часов
- Теперь только в 18-19 часов откроется следующее окно

Обидно, получается 😢
- Теперь либо сиди гарантированно до 20 часов минимум
- Либо в этот день потратишь только одно ОКНО Claude Code

Итого 🤔
- Вам не хватает лимитов внутри одного рабочего дня
- НО вы можете спокойно не выжигать НЕДЕЛЬНЫЕ лимиты
- То есть вы используете НЕЭФФЕКТИВНО свой AI инструмент

Новая реальность 🤫
- Современные AI инженеры теперь должны уметь подстроить грамотно свой рабочий день по AI инструменты в рамках НЕДЕЛИ / ДНЯ
- При этом важно не выгорать из-за того, что у вас в СУББОТУ осталось еще 20% от недельного лимита и вы вместо того, чтобы отдыхать - ставите задачи ИИ
- Неверное планирование в рамках дня может аукнуться вам в течение НЕДЕЛИ а потом и МЕСЯЦА

#claude #вайбкодинг
👍5