Best Practice вайбкодинга

Несколько рекомендаций, которые сделают сеньора из ИИ джуна


1. Подготовить документацию
Желательно сделать это до того, как вы начали хоть что-то вайбкодить. Если проект уже в разработке, просто дополните его следующими доками в формате markdown:

🔹 GTM (Go-to-Market) — Опишите в нем целевую аудиторию, их боль и решение, которое вы предлагаете
🔹 PRD (Product Requirements Document) — Перечислите функционал и технические требования к продукту. Тут можно в общих словах
🔹 Техническая документация — Детальное описание фичей. В отличие от PRD, тут можно создать доки на каждую фичу или группу фичей. Опишите подробно как и что должно работать и выглядеть.
🔹 Роадмап разработки — На основе перечисленных фичей напишите план разработки. Разбитие глобальную цель на этапы и задачи, это поможет нейронке сфокусироваться при генерации кода
🔹 Шаблоны интерфейса — Если вы делаете визуальный интерфейс, сгенерируйте сначала ASCII визуализацию. Это заменит вам прототипы дизайна. Можно сделать каждый экран отдельным файлом. В них вы можете не отвлекаясь на визуал обозначить элементы на экране для себя и для нейронки

Подробнее про документацию я рассказал в видео - Секрет эффективного вайбкодинга


2. Создать правила — cursors rules
Чтобы не писать свои требования в каждом промпте, создайте .mdc файлы в папке .cursor/rules/
Такую папку можно создавать как в корне проекта, так и в отдельных папках, например frontend или backend
Подробнее о таких правилах можно прочитать в доках курсора

В правилах можно указать:
🔹 Вкратце, какой проект разрабатываете
🔹 Указать путь к докам и пояснить, когда в них смотреть
🔹 Стек технологий
🔹 Правила чистого и читаемого кода
🔹 И вообще все, что вы считаете важными требованиями в разработке

Писать правила можно в произвольной форме, лучше использовать markdown формат. Список ресурсов, где можно найти готовые правила есть в этом посте


3. Одна задача - один чат
У каждого чата есть лимит по контексту. Если вы хотите перейти к новой задаче, скорее всего вам не нужен контекст из существующего чата. В таком случае лучше создать новый чат. Тогда вы сэкономите токены и не упретесь в лимиты контекста


Автоматизация
Все эти документы мы будем генерировать в сервисе validatedvibe.com, который сейчас вайбкодим.
В нем мы будем искать прибыльные идеи проектов, на которые есть спрос и генерировать для них документацию, как для себя так и для ИИ ассистентов


Сохрани, чтобы не потерять 😉
Годный Вайбкодинг

Топ 4 совета в Cursor AI

Разбираемся как можно повысить эффективность ИИ сотрудника:

🔹 Настройка User Rules и Project Rules
🔹 Эффективная документация проекта для ИИ
🔹 Управление контекстом
🔹 Интеграция документации библиотек

Это база, это надо знать и пользоваться

youtu.be/ibmF6FXlnkY?si=LB4FRkPk1okezyuf

Проектируем User Flow

Продолжаем вайбкодить ValidatedVibe. В этом видео мы вместе с моим другом Артемом продумываем UX интерфейса

youtu.be/STNVUtxLpgY?si=t5JHQWNHtdyPZ7iw

Claude Sonnet 4.5: Модель, которая кодит за тебя 30 часов подряд

Anthropic выкатили новую модель - Claude Sonnet 4.5. Это первая модель, которая может работать 30+ часов без перерыва. Просто вдумайтесь - ты ставишь задачу вечером, а утром просыпаешься и у тебя готовый проект.

Цифры, которые впечатляют:
- 77.2% на SWE-bench Verified (лучший результат среди всех моделей)
- Частота ошибок в коде упала практически до 0%
- В 2-5 раз быстрее предыдущих версий
- Та же цена что у Sonnet 4: $3 за миллион входных токенов

Как это работает:
Claude Code - это терминальная программа для автономной разработки. Ставишь задачу в терминале, модель работает автономно 30+ часов. Есть чекпоинты - если что-то пошло не так, откатываешься назад. Модель сама читает кодовую базу, планирует архитектуру, пишет код, тестирует, фиксит баги и делает коммиты. Пока ты спишь или занимаешься другими делами.

Что это значит для вайбкодеров:
Раньше запилить SaaS с нуля за выходные звучало как фантастика. Похоже, теперь это реальность. Claude Code может работать всю ночь, пока ты спишь, и к утру у тебя готовая фича или даже целый сервис.

Почему это меняет правила игры:
Раньше – нужна команда, месяцы разработки, инвестиции.
Сейчас – ты, Claude Code, 30 часов работы модели.

Один человек может создать софт, который заменяет работу нескольких специалистов. И продавать его не за $99/месяц, а за $1000+, потому что заменяет человеческий труд.

Ну что, будем тестить!

@ValidatedVibe

Потестил Sonnet 4.5

Заодно попробовал Claude Code 2 и запилил json formatter за час: jsonformat.3aweb.org

Как оно?
- По ощущениям действительно стал быстрее
- За все время была одна небольшая ошибка после инициализации, но он быстро ее исправил
- 30 часов автономной работы еще не проверял, но в процессе ничего не вылетало)
- Мне показалось, что Sonnet 4.5 лучше работает с архитектурой и визуалом

По архитектуре он сам разбил компоненты на файлы и папки, да и вообще написал нормальный код. С учетом, что у меня не было заготовленно никаких правил в проекте и мастер промптов, это круто. Да и сам промпт на создание проекта с нуля был максимально простой.

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

В общем годнота!

@ValidatedVibe

Claude Code 2: Полный гайд с нуля

Записал подробный урок по использованию Claude Code.
Начинаем с установки и заканчиваем созданием SaaS проекта.

Кроме базовой базы разбираем настройку:
- Sub-Агентов,
- MCP серверов,
- И кастомых команд

В этом видео подключаем Context7 и Playwright mcp, создаем Sub-Агентов и кастомные команды. Все это используем и закрепляем на практике в этом же видео!

Содержание получилось плотным! Рекомендую к просмотру: youtu.be/rwnlQqCJvYM

@ValidatedVibe

В Cursor появился Plan Mode

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

В общем аналогичный режим, как в Claude Code. Работает на всех моделях, не только с клодом.

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

Чтобы спланировать задачу с использованием mcp, можно в режиме агента, написать "давай спланируем ... ", по сути будет +- тоже самое. Можно сделать план в файле, сказав об этом в чате нейронке.

https://cursor.com/blog/plan-mode

Оптимизация контекста в Claude Code (и не только)

При активном использовании клод кода начал часто втыкаться в лимиты сессии: 5ти часовые и недельные. Особенно остро это чувствуется на pro подписке, которой я пользуюсь. С Max x5 и Max x20 должно быть полегче, но не все готовы платить 100-200 долларов в месяц. Можно переключится на апи аккаунт и платить по мере использования. Я еще не пробовал, но думаю, там тоже набежит приличный счет. Надо будет потестить. Можно, кстати, комбинировать и переключаться с pro подписки на апи, пока лимиты не восстановятся.

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

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

Что мы можем сделать?

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

Из очевидного:

- Писать четкие промпты и доки, без лишней информации

- В процессе одного чата регулярно выполнять команду /compact для уменьшения используемого контекста

- Разбивать большие задачи на более мелкие и после выполнения каждой чистить контекст или открывать новый чат

Почему это важно? Допустим, вы сделали какую-то задачу и забили 50к токенов. Начинаете делать следующую в том же окне, и эти 50к токенов отправляются при каждом следующем запросе! Вот и считайте.

Поинтереснее:

- Отключать mcp, когда они не нужны. В новой версии клод кода (у меня v2.0.15) это можно сделать в меню команды /mcp , в настройках конкретного mcp. Вот это прям стоит делать! Например, у меня стоит глобально 3 mcp, и они занимают 20.7k токенов в новом чате! Во первых, это 10% от доступного контекстного окна. А во вторых, эти 20к токенов отправляются при каждом запросе, даже если mcp не используются

- Использовать больше субагентов. Это актуально для лимита контекста одного чата. Субагенты запускаются в отдельном контекстном окне, а значит не забивают контекст текущего чата. Конечно на 5ти часовые и недельные лимиты это не повлияет, но так мы можем дольше не чистить контекст чата

Гепотезы:
Это надо еще проверять, но все же..

- Инициализировать клод код командой /init и редактировать файл .CLAUDE.md в корне проекта. Если прописать туда основные пути, то клоду будет проще искать папки и файлы и он будет меньше тратить токенов на поиск

- Использовать Sequential Thinking MCP. Возможно, он возьмет на себя часть работы по размышлению и будет отдавать клод коду уже суммаризированую выжимку, сократив при этом нагрузку на контекст в клоде

Подробнее разберем все в видео, для которого я потихоньку собираю материал. Там еще плагины в клоде появились.. в общем есть, что разобрать.)

Если у вас есть, что добавить, поделитесь плиз в комментах или в чате канала @VibecodersChat, думаю, всем будет полезно.

@ValidatedVibe

Пишем ТЗ для ИИ агентов – Воркшоп по документации

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

В этом видео показал то, что не вошло в видео про ValidatedVibe:

- Создание markdown доков с техническими требованиями
- Подробное описывае функционала сервиса для нейронки
- Создаем ASCII схемы страниц сервиса

Работаем в cursor + claude code

https://youtu.be/tOgS_TBMmgU

Плагины в Claude Code

Записал разбор новой фичи.

С помощью плагинов можно объединять Custom Commands, SubAgents, MCP, Skills и Хуки в устанавливаемые пакеты.

Можно использовать плагины под каждое направление: интерфейс, бек, ресерч... И группой включать/отключать для каждой задачи.

Также плагинами легко можно делиться с другими разработчиками. Можно создать свой маркетплейс плагинов в гит репозитории, в видео это тоже есть

Ссылки из видео:
- Маркетплейс от Antropics - github.com/anthro..
- Красивый маркетплейс - aitmpl.com
- Маркетплейс 2 - github.com/wshobson/agents
- Мой маркетплейс из видео - github.com/Alexe..
- context7 mcp - context7.com

https://youtu.be/rtb-DTPFX58

Запускаем Python Django и NextJS

Продолжаем вайбкодим сервис для генерации дизайн стайлгайдов для ИИ агентов.

В этом видео переходим от документации к коду:
1. Генерируем Roadmap
2. Создаём структуру Python Django backend
3. Настраиваем Next.js frontend
4. Тестим регистрацию на беке

Работаем в Cursor + Claude Code

https://youtu.be/1eaZghVreMw

Оптимизация контекста в Claude Code
(и не только)

Было много вопросов по этой теме. Проблема лимитов актуальна, особенно на pro подписках.

Cразу cкажу, что волшебной таблетки не нашел, работать на pro тарифе 24/7 не получается.

Но можно реже упираться в лимиты и меньше платить за API аккаунт.

В первую очередь надо понимать базу:
Как считаются лимиты, за что мы платим при использовании LLM. Я рассказал об этом в видео и собрал 13 советов, как снизить расходы использования.

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

Ссылки из видео:
- MCP to Skills converter
- playwright-skill
- Маркетплейс aitmpl
- deepcontext-mcp
- Ollama официальный сайт
- Ollama mcp

Приятного просмотра!
https://youtu.be/IQyaJZw6wJ0

Делаем UI и Авторизацию в Cursor AI

Продолжаем вайбкодить сервис для генерации дизайн стайлгайдов для ИИ агентов.

В этой части создаем интерфейсы:
- Авторизации
- Формы создания проекта
- Страницы проекта (стайл гайда)

https://youtu.be/8aPRXPi11uE

Git для вайбкодеров

Если вы все еще не используете git в своих проектах, то это срочно нужно менять!

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

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

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

Буду рад, если напишете пожелания по новым гайдам и темам, которые хотели бы разобрать)

https://youtu.be/pVR3RG7D0Fo