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

Чат: @codevbrs
Download Telegram
Мини-экскурс в базы данных 💻

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

Потому что почти любой продукт =
интерфейс + база данных.

Вот базовая карта. Погнали 🚀

1. SQL базы - это БАЗА баз

Примеры:
- PostgreSQL
- MySQL
- SQLite

Данные лежат в таблицах.

Например:
Таблица Users состоит из колонок
- id
- name
- email

Прямо как в Excel


Это лучший вариант для:
- SaaS платформ
- CRM систем
- Большинства веб-продуктов

💡Если сомневаешься - ставь PostgreSQL.

2. NoSQL базы - иногда

Примеры:
- MongoDB
- Firebase
- DynamoDB

Данные хранятся как JSON-документы.

Например:

{
name: "Alex",
email: "alex@mail.com"
}


Подходит для:
- мобильных приложений
- быстрых прототипов
- гибких структур данных

💡Когда не знаешь какая, что у тебя будет и данные непонятные, то пробуй NoSQL

3. Vector базы - мозги AI

Примеры:
- Pinecone
- Weaviate
- pgvector

Они хранят эмбеддинги - числовые представления текста.

Используются для:
- AI-поиска
- RAG
- чат-ботов
- семантического поиска

4. Key-value базы - кэш базы

Примеры:
- Redis
- Memcached

Хранят данные как:

key → value


Используются для:
- кэша
- очередей
- сессий

Как думают опытные разработчики

Обычно архитектура выглядит так:

PostgreSQL → основная база
Redis → кэш
Vector DB → AI поиск

Главное правило 😬
Не усложняй.

80% проектов спокойно живут на:
PostgreSQL + Redis

#вайбкодинг #sql
🔥3
Как на самом деле устроен SaaS в 2026

Если ты делаешь продукт через AI,
важно понять одну вещь:

SaaS - это не магия.
Это просто набор блоков.

Вот базовая архитектура. Погнали 🚀

1️⃣ Frontend (то, что видит пользователь)

Он:
- сайт
- личный кабинет
- формы, кнопки, интерфейс

Телеологии:

Next.js / React

2️⃣ Backend (логика)

Это мозг 🧠 системы.

Он:
- принимает запросы
- обрабатывает данные
- решает, что делать

Технологии:

FastAPI / Node.js / Django

3️⃣ База данных (где все храним)

Там лежит все:
- пользователи
- платежи
- проекты
- настройки

Обычно:

PostgreSQL

4️⃣ Кэш (ускорение)

Чтобы не дергать базу каждый раз:

Redis

Используется для:
- сессий
- быстрых ответов
- очередей

5️⃣ Хранилище файлов

Если у тебя есть:
- изображения
- документы
- аватарки

Обычно:

S3 или Cloudflare R2

6️⃣ Очереди и воркеры

Если задача тяжелая:
- отправка email
- генерация AI
- обработка данных

Она идет в очередь. И ждет своего выполнения.

Как это всё соединяется

Пользователь
↓
Frontend
Backend
↓
Database
↓
Redis
↓
Workers



💡Главный инсайт

90% стартапов устроены одинаково.

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

#вайбкодинг #saas
🔥3
Shopify только что получил чит-код.

Lovable теперь интегрируется с ним так, будто это один продукт 🔥

Интеграция Lovable + Shopify за 1–2 часа

Погнали 💪

1. Создаешь Shopify

- рега на Shopify
- выбираешь базовую тему (любую, не важно)
- добавляешь 1–2 тестовых продукта
- включаешь payments (Shopify Payments или Stripe)

👉 цель: получить «живой» стор с checkout

2. Подключаешь Lovable

В Lovable:
- создаешь проект
- выбираешь ecommerce / store
- подключаешь Shopify (через API / app)

Что нужно:
- Shopify Admin API key
- доступ к products / pages / themes

3. Генерируешь структуру магазина

В Lovable даешь input:
- ниша (например: minimalist candles)
- ЦА (например: women 25–40, US)
- позиционирование (premium eco)

Lovable генерит:
- homepage
- product pages
- about / brand story
- офферы (bundles, скидки)

👉 сразу под реальную продажу, не просто текст

4. Заливаешь все в Shopify

Через интеграцию:
- создаются страницы
- обновляются product descriptions
- генерится контент для карточек
- можно сразу менять theme blocks

5. Генеришь маркетинг

В Lovable:
- email flows (welcome / abandoned cart)
- ad creatives (Meta / TikTok)
- лендинги под трафик

👉 это не отдельно - сразу под твой продукт

6. Запускаешь тест

Минимальный запуск:
- 1–3 продукта
- 1 лендинг
- 1 оффер
- трафик (ads / TikTok / инфлюенсеры)

7. Быстрые итерации

Самое важное:

Каждый день:
- меняешь оффер
- меняешь тексты
- тестишь новые креативы

Lovable:
→ быстро перегенерит все
→ не нужно руками править

Реальные use cases

👍 Дропшиппинг
→ 5–10 ниш → быстрый тест → оставляешь 1 winner

🧑‍💻 Indie бренд
→ сразу нормальный бренд (а не «сырой Shopify»)
→ быстрее в premium сегмент

💻 SaaS / creator
→ мерч за 1 день
→ без команды

Ключевой принцип

Не делай идеально

Делай:
→ быстро собрал
→ запустил
→ получил цифры
→ пересобрал

Lovable = скорость 🚀
Shopify = инфраструктура

#lovable #shopify #ecom
👍3🔥2
⚡ Как превратить Claude Code в аналог OpenClaw

Хочешь, чтобы у тебя был свой AI-агент 24/7?
Погнали 🔥

1. 🖥️ Берешь VPS

Любой:
- Hetzner / DigitalOcean / AWS
- Ubuntu 22.04

Хватит:
- 2 CPU
- 4 GB RAM

2. 📦 Устанавливаешь Claude Code

sudo apt update && sudo apt upgrade -y


curl -fsSL https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
source ~/.bashrc


nvm install 20
nvm use 20


npm install -g @anthropic-ai/claude-code



Запускаешь Claude Code

claude


👉 и логинишься через браузер (/login)

3. Ставишь Telegram-плагин

/plugin marketplace add anthropics/claude-plugins-official
/plugin install telegram@claude-plugins-official


4. Создаешь Telegram-бота

Через @BotFather и копируешь токен

5. Подключаешь бота

/telegram:configure YOUR_BOT_TOKEN


6. Перезапускаешь Claude с каналом

claude --channels plugin:telegram@claude-plugins-official


7. Связываешь Telegram

👉 пишешь своему боту
→ получаешь код

в Claude:

/telegram:access pair CODE
/telegram:access policy allowlist



Готово ✅

Теперь:

- пишешь боту → Claude отвечает
- Claude может писать тебе
- это твой AI-агент на сервере

Важно ☝🏾

- Claude должен быть запущен (tmux / screen)
- работает только через login (не API key)

#claude #вайбкодинг
👍3🔥1
Топ-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