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
Заварите чай, представляем вашему вниманию еще один ТОПовый 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-3 минуты
- В месяц у вас 350 генераций - для создания промышленного дизайна хватит, зуб даю
- Потом выгружаете HTML или даете MCP доступ Cursor или вашему Claude Code
- ИИшка берет референс и делает весь сайт в данном дизайне
- По факту вы в самом начале задаете тон
#google #stitch #вайбкодинг
❤2👍1
Как и где хранить код? Или что такое Git?
Вайбкодеры влетели в индустрию. Создают продукты, но иногда не знают про правила хранения код. Сейчас все расскажем.
Погнали 🚀
Самое важно слово - git
Или лучше: git репозиторий
Это просто папка с историей изменений твоего кода.
Не просто файлы, а:
- кто что и когда поменял
- можно откатиться назад
- можно работать в команде
👉 Проще:
Git = Ctrl+Z, но для всего проекта и навсегда
Как это выглядит в жизни
→ Ты пишешь код
→ Сохраняешь
→ Фиксируешь изменения
→ Потом можешь вернуться к любой версии 👍
База команд (базовый минимум)
1. Инициализация проекта
👉 превращает любую папку на твоем компьютере папку в git-репозиторий
2. Проверить, что изменилось
👉 показывает, какие файлы ты трогал
3. Добавить изменения
👉 говоришь:
Тут можно еще конкретные файлы указать вместо точки
4. Сохранить (commit)
👉 создаешь точку, куда можно вернуться
5. Подключить GitHub (один раз)
GitHub или GitLab - это просто удобный сервер, облако для хранения вашего кода. Пока вы не отправили код туда, он только у вас на компьютере.
6. Отправить код на GitHub
Вот теперь вы пошерили код всем своим коллегам.
7. Получить обновления
Как думать о Git 🧐
Есть 3 стадии:
1) изменил файл
2) git add → выбрал изменения
3) git commit → зафиксировал
👉 если нет commit - этого как будто не существует
Частые ошибки 🙆♂️
1. Забыл commit
код есть, но git его не видит
2. Забыл add
commit пустой
3. Боишься Git
хотя это просто история файлов
#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 Code?
Ты платишь за то, сколько модель читает 📚
Claude Code работает не как чат. Каждый запрос - это как будто ты заново отправляешь ВСЕ:
- свой prompt
- всю историю диалога
- весь код
- все файлы
- системные инструкции
- tools
Каждый. Раз. С нуля.
Что такое токены?
Это просто кусочки текста.
1 токен ≈ 3-4 символа.
≈ 5-10 токенов
Важно вот что:
Теперь смотри, где ты реально сжигаешь деньги 🔥
1. Длинный чат
Ты написал 50 сообщений?
Поздравляю - каждое новое сообщение тащит их все обратно.
2. Код и файлы
Закинул большой файл - модель читает его полностью. Каждый раз.
3. Agent / auto режим
Claude начинает сам думать, читать, запускать tools
И просто выжигает твои токены без остановки
4. Tools
И это не один раз. Это каждый вызов.
5. System prompt
Ты его не видишь
Но он всегда есть и это➕ 300 токенов минимум
И вот формула, которую нужно запомнить:
Не сообщения
Не ответы
А именно объем текста.
И еще про время ⏰
- Нет дешевых часов
- Ни ночью, ни в Европе
Цена всегда одинаковая.
Но есть ловушка:
- лимиты могут сбрасываться (например каждые ~5 часов)
- и если ты активно работаешь - ты просто упрешься в потолок
Как не сжигать деньги:
- делай короткие сессии
- чисти чат (/clear)
- не тащи весь код сразу
- дроби задачи
- не давай модели думать бесконечно
#claude #вайбкодинг
Ты платишь за то, сколько модель читает 📚
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 факторов мы упустили втроем вместе с Опусом!
В итоге происходит неожиданное:
🤌 САМЫЙ ДЕШЕВЫЙ МАРШРУТ ВЫЛЕТАЕТ ИЗ ТОПА
и выигрывает:
🧠 ЧУТЬ ДОРОЖЕ, НО С НОРМАЛЬНОЙ ПЕРЕСАДКОЙ И НИЗКИМ РИСКОМ
На практике получаем результат, который на 8% лучше по основной метрике, которая включала факторы:
- меньше пропущенных рейсов
- меньше негативной оценки маршрута (туда попадает отдельные скоринга оценки клиентов из датасета)
То есть за 2 минуты Mythos написал рядом алгоритм, который показал на тестовой выборке результат на 8% лучше 🤪, чем алгоритм, который мы писали вдвоем 1 неделю...
Ну что это прямо 🚀
Update:
Через 2 часа модель пропала…
#вайбкодинг #mythos #claude
Решил потестить на текущем проекте и решить актуальную задачу
Задача
- Написать удобный алгоритм нахождения маршрута 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
👉 буквально:
3. Сервер отвечает
Сервер возвращает:
- HTML (структура)
- CSS (стили)
- JS (логика)
👉 браузер это собирает → и ты видишь сайт
Интернет = это не сайты
Это:
Сайт не открывается?
1) Проверяешь DNS
если нет IP → проблема в DNS
2) Проверяешь доступность сервера
3) Проверяешь порт
если не коннектится → порт закрыт
4) Проверяешь сам HTTP
если ошибка → проблема в сервере или коде
5) Смотришь в браузере DevTools
вкладка Network → там вся правда
#вайбкодинг
Ты открываешь сайт.
Кажется - магия.
На деле происходит всего 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)
⚡ Вывод:
- потенциально топ для продакшна
- но менее проверенный
#вайбкодинг
Мы разобрали топовые 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:
#kling #nanobanana
Простой Пайплайн для создания главной анимации на странице:
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 слова для ИИ:
KISS 👾
Не усложняй, делай проще. Часто когда пишешь код, можешь начать писать крайне витиеватый код, усложняя его с каждым подходом. Так работает наш мозг, так работает и AI 🤖. Важно вовремя сказать:
Для ИИ стоп 🛑слово:
DRY 💦
Не повторяй один и тот же код. Это один из важнейших принципов. Например, вы создали красивую форму у себя в приложении, потом что-то похожее или такую же форму начали использовать в других частях приложения. Попросите ИИ пере использовать эту форму, а не дублировать код в разных частях.
Лучший промпт после долгой разработки:
YAGNI
Не добавляй то, что реально не нужно! Еще один классный принцип. Всегда задавайте себе и ИИ вопрос:
Если что-то вам не нужно, то смело удаляйте. Не комментируйте! Не плодите артефакты или мусор!
#вайбкодинг #solid
Если вы хотите коротко и быстро сказать ИИшке каким должен быть ваш проект, то прочитайте этот пост.
Используйте ключевые принципы программирования и всего за одно слово 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 в обыкновенном мире. Только тут в результате ты можешь запустить приложение.
Ты прямо в коде пишешь:
И он добавляет возможность зарегистрироваться пользователям в твоем приложении
А потом просишь его:
И он запускает.
3. Git
- чтобы хранить проекты
- и учиться работать как норм разработчик
- По сути это аналог Google Docs, написал что-то, сохранил. Как использовать git?
💡 Этого достаточно, чтобы начать
НЕ нужно 10 инструментов
Как реально писать код через ИИ
Вот главный принцип:
❌ Плохо: сделай сайт
✅ Хорошо:
🔥 Базовая схема работы
- Ты даешь задачу
- ИИ пишет код
- Ты запускаешь
- Если ошибка → копируешь ее обратно
- ИИ фиксит
👉 повторить 5-10 раз = готовый продукт
4. Лучшие советы для старта
👍 Сделай простой SaaS лендинг
Вот тут рассказываем, как устроен SaaS
Пример запроса:
Почему нужно начать с этого?
- быстро виден результат
- понимаешь цикл разработки
- можно выложить в интернет
💀 Главная ошибка новичков
👉 Они думают, что нужно учить все
Нет.
Нужно:
- понимать базу (очень поверхностно)
- уметь правильно задавать задачи ИИ
📌 Минимум знаний:
- база для вайбкодера
- что такое API?
- что такое база данных
- что такое frontend/backend
- какую модель выбрать
👉 Этого достаточно
🚀 Как ускориться х 10
💬 Всегда давай контекст
Плохо:
Хорошо:
📚Разбивай задачи
❌ сделай маркетплейс
✅ сделай регистрацию пользователя
🪜Работай итерациями
Не пытайся сразу идеально
📚Где учиться?
Вот хорошие ресурсы:
💬 Статьи / гайды
- Официальная документация Claude
- Как пользоваться Cursor
- Reddit - там реальные кейсы, а не теория
⏭️Что делать дальше
После первого лендинга:
- Сделай авторизацию и базу пользователей
- Подключи API
- Задеплой (Vercel)
🫨 Реальность
Claude Code ≠ халява
Ты:
- все равно думаешь
- принимаешь решения
- проверяешь код
Но:
👉 скорость x 10
#вайбкодинг #claude #cursor
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
Telegram
CodeVibe Lab
Если ты не разработчик, но делаешь проект через AI - всегда начинай с этих вопросов 📝
Главная проблема новичков:
они просят AI написать код,
но не задают технологические рамки.
AI начинает угадывать стек.
И проект быстро превращается в хаос.
Вот 7 вещей…
Главная проблема новичков:
они просят AI написать код,
но не задают технологические рамки.
AI начинает угадывать стек.
И проект быстро превращается в хаос.
Вот 7 вещей…
👍4❤2👎1🔥1
Codex - недооцененный турбо tool 🚀
В последнее время все чаще и чаще использую Codex для решения множества задач
Основная killer фича этого инструмента - это Full Access режим. В этом режиме топовая GPT 5.4 получает доступ ко всем интерфейсам вашего компьютера 🧠
А теперь лучшие Use Cases 🤌
DevOps-заменитель 👾
Для меня это уже практически заменитель SysAdmin or DevOps. Сначала арендует сервер в каком-нибудь Digital Ocean за 3-5 баксов в месяц, а затем просто пишите Codex:
И в этот момент происходит магия 🙀 - вы настраиваете приложение без модного Vercel, без помощи DevOps, который стоит 50$ в час, а сами и за 10 минут!
Можете вообще поднять кластер, настроить свою мега крутую корп сеть - да что угодно!
Оркестратор 🎶
Я пилю сложные и системы и часто у меня 3-4 микросервиса на какой-то проект. Например:
- фронтенд
- бекенд для фронтента - там где регаются юзеры и происходит сохранение в БД информации о клиентах и подписке
- глубокий бекенд - сервис, который что-то сложно делает
- еще какой-то сервис, который например занимается прогнозированием метрик
Так вот - говоришь Codex - буквально - так как тут просто обалденный голосовой набор
Вуаля! 🔥 Он как батя-оркестр все это делает сам. Не нужен никакой Paperclip или Канбан доска - тут все в одном флоконе
Ну и в конце кейс практически для всех
Тестировщик или же QA больше не нужен 🥸
Codex шикарно через skill Playwright может оттестировать ваш сайт или приложение от А до Я и все запаковать в отчет. А еще он может это тестировать бесплатно хоть каждый день
Ждем 1-2 минуты и опять Magic 👹 - вы получаете готовый тест отчет.
#вайбкодинг #openai #codex
В последнее время все чаще и чаще использую 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
OpenAI
Codex | AI Coding Partner from OpenAI
The best way to build with agents. Codex accelerates real engineering work, from planning and building features to refactors, reviews, and releases.
🔥5❤2😁1
Важная Новость 🔥
Вашему вниманию технический отчет про модель Claude Mythos
Кратко тезисы
Качественный turbo скачок в AI 🚀
То есть по сути Антропики сделали самую мощную модель в истории компании
В чем лучше?
- reasoning
- coding
- и просто TOP в cybersecurity
Крайне пугающий момент документа 😱
- модель может моментально находить уязвимости
- может запускать массовые атаки
- и снижает порог входа для хакеров 🤔
В документе обсуждается некое странное поведения модели
- начинает оптимизировать результат и не следует инструкциям
- и делает это неочевидными способами
И еще просто шокирующий факт о reasoning модели:
Самый емкий вывод по документу
На пальцах, что это означает...
Теперь ты пишешь:
Mythos Agent:
- пишет код
- поднимает сервер
- настраивает nginx
- пробрасывает порт
- делает ссылку
- проверяет, что всё работает
⚠️ Почему Anthropic так переживает?
Потому что:
- раньше: вот как взломать
- теперь: сама взламывает
#вайбкодинг #mythos #claude
Вашему вниманию технический отчет про модель 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
Новая модель 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 #вайбкодинг
- Вот вы начали свой рабочий день, допустим, в 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
Крупные проект на чистом вайбкоде
Разработчики часто в спорах с вайбкодерами пишут:
Специально для AI скептиков подготовил ТОП проектов на чистом вайбе
Погнали 🚀
Comet
🤑 800k $ MRR
🔥 12.8M $ Инвестиций
Маркетплейс высококвалифицированных фриланс‑инженеров, конкурент Fiverr/Upwork.
Фаундер Charles Thomas начал построил первую рабочую версию платформы целиком на Bubble, без набора in‑house разработчиков.
Aware Health
🤑 3M $ инвестиций
B2B‑решение для value‑based лечения проблем опорно‑двигательного аппарата: телереабилитация, алгоритмы диагностики, снижение расходов работодателей.
Cuure
🤑 100k $ MRR
🤑 10M $ инвестиций
🪜 Bubble
Подписки на витамины. Это персонализированный wellness‑сервис: пользователь заполняет анкету, получает индивидуальные рекомендации по нутрицевтике и подписку на доставку наборов витаминов.
Flexiple
🤑 3M $ MRR
🪜Google Sheets, Bubble
Фриланс платформа, которая помогает компаниям находить отобранных фриланс‑разработчиков и дизайнеров.
Faceless.Video
🤑 1M $ MRR
🪜Bubble
SaaS‑сервис, который помогает создателям контента генерировать фейслесс ролики (без лица) для YouTube, TikTok, используя AI.
#вайбкодинг
Разработчики часто в спорах с вайбкодерами пишут:
Ну и где же ваши проекты?
Специально для AI скептиков подготовил ТОП проектов на чистом вайбе
Погнали 🚀
Comet
🤑 800k $ MRR
🔥 12.8M $ Инвестиций
Маркетплейс высококвалифицированных фриланс‑инженеров, конкурент Fiverr/Upwork.
Фаундер Charles Thomas начал построил первую рабочую версию платформы целиком на Bubble, без набора in‑house разработчиков.
Aware Health
🤑 3M $ инвестиций
B2B‑решение для value‑based лечения проблем опорно‑двигательного аппарата: телереабилитация, алгоритмы диагностики, снижение расходов работодателей.
Cuure
🤑 100k $ MRR
🤑 10M $ инвестиций
🪜 Bubble
Подписки на витамины. Это персонализированный wellness‑сервис: пользователь заполняет анкету, получает индивидуальные рекомендации по нутрицевтике и подписку на доставку наборов витаминов.
Flexiple
🤑 3M $ MRR
🪜Google Sheets, Bubble
Фриланс платформа, которая помогает компаниям находить отобранных фриланс‑разработчиков и дизайнеров.
Faceless.Video
🤑 1M $ MRR
🪜Bubble
SaaS‑сервис, который помогает создателям контента генерировать фейслесс ролики (без лица) для YouTube, TikTok, используя AI.
#вайбкодинг
👍4❤1🔥1
Opus 4.7 опасно хорош 🧠
Сегодня писал код с помощью новой модели от Anthropic.
Делюсь.
Следование инструкциям
Он не просто слушает - он до мелочей следует ТЗ.
Дал стандартную инструкцию:
Opus 4.7 реально раскопал все узкие места, включая потенциальные уязвимости.
Иногда даже слишком педантично.
Работа с проектом целиком
Наконец-то можно давать задачи не по файлам, а по смыслу.
Он нормально переваривает большой контекст и сам раскладывает по модулям.
Раньше приходилось дробить и думать про файловые блоки - теперь нет.
Код
Вот тут прям вау.
CRM-модуль внутри крупной SaaS платформы:
- За 13 минут
- Структура сразу строго по гайдлайну
- Код аккуратно разложен по папкам
- Без ощущения сгенеренного мусора
Багфиксинг
Просил искать уязвимости в коде после:
Opus 4.6 - нашел 4 бага и один реально супер критичный и тихий
Codex - 10 (правда, сам Codex не старался)
Composer 2 - 22 (это было чисто по фану)
Sonnet - 6
Есть ощущение, что Opus 4.7 просто глубже копает.
Лимиты
Это самый главный минус 😢
Практически недоступен на тарифе PRO. Только MAX.
Одна нормальная задача:
- Минус 5 часовой лимит
- Минус 20% недельного бюджета
#opus #вайбкодинг #claude
Сегодня писал код с помощью новой модели от Anthropic.
Делюсь.
Следование инструкциям
Он не просто слушает - он до мелочей следует ТЗ.
Дал стандартную инструкцию:
DRY, SOLID, KISS + безопасность
Opus 4.7 реально раскопал все узкие места, включая потенциальные уязвимости.
Иногда даже слишком педантично.
Работа с проектом целиком
Наконец-то можно давать задачи не по файлам, а по смыслу.
Он нормально переваривает большой контекст и сам раскладывает по модулям.
Раньше приходилось дробить и думать про файловые блоки - теперь нет.
Код
Вот тут прям вау.
CRM-модуль внутри крупной SaaS платформы:
- За 13 минут
- Структура сразу строго по гайдлайну
- Код аккуратно разложен по папкам
- Без ощущения сгенеренного мусора
Багфиксинг
Просил искать уязвимости в коде после:
Opus 4.6 - нашел 4 бага и один реально супер критичный и тихий
Codex - 10 (правда, сам Codex не старался)
Composer 2 - 22 (это было чисто по фану)
Sonnet - 6
Есть ощущение, что Opus 4.7 просто глубже копает.
Лимиты
Это самый главный минус 😢
Практически недоступен на тарифе PRO. Только MAX.
Одна нормальная задача:
- Минус 5 часовой лимит
- Минус 20% недельного бюджета
#opus #вайбкодинг #claude
👍4❤3😁1