← все видео

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

Олег Стефанов · 2025-10-15 · 29м 6с · 277 194 просмотров · YouTube ↗

Топики: ai-loop-engineering

🎧 Аудио

📝 Summary

model=deepseek-v4-flash · prompt=summary-v7 · 11 495→3 319 tokens · 2026-07-20 12:08:22

🎯 Главная суть

Claude Code — консольная утилита для AI-кодинга от Anthropic, которая работает по подписке за $20/мес и предоставляет доступ к одному из лучших текстовых ИИ для программирования. В отличие от Cursor, у неё нет скрытых платежей и лимитов на вызовы моделей. Инструмент даёт LLM прямой доступ к файловой системе и терминалу: нейронка может читать, создавать и редактировать файлы, запускать команды. Ключевые фишки — система субагентов с изолированным контекстом, интеграция MCP-серверов (Blender, PostgreSQL, TestSprite, Supabase), режим планирования (Planning Mode) и Thinking Mode для сложных задач.

Почему Claude Code заменил Cursor

Cursor изменил ценовую политику, убрав безлимитные вызовы моделей — месячные кредиты стали улетать за один день, а дополнительные запросы сделались платными. Практически одновременно Anthropic сделал Claude Code доступным на минимальном тарифе за $20. Это заставило большую часть разработчиков пересесть на Claude Code. В отличие от Cursor, Claude Code — не отдельный редактор кода, а консольная программа, запускаемая в любой папке. Для просмотра файлов используется любой редактор (например, бесплатный VS Code).

Базовый цикл работы

После установки Node.js и команды npm i -g @anthropic-ai/claude-code при первом запуске нужно авторизоваться в аккаунте Anthropic (работа по подписке выгоднее, чем через API-ключ). Базовая механика: открыть терминал, запустить claude, написать запрос — нейронка пишет код сразу на локальном компьютере, создаёт файлы, открывает приложения. Пользователь аппрувит каждое действие (сохранение файла, запуск браузера). Утилита имеет доступ на чтение, редактирование файлов и может выполнять команды в терминале.

Критически важные привычки: обнуление чата и выделение файлов

Перед каждой новой задачей нужно очищать историю диалога командой clear. Если этого не делать, на вход LLM попадает абсолютно всё из предыдущего диалога (пользовательские вводы, результаты инструментов), что засоряет контекст. После очистки надо конкретно выделять целевой файл через символ @. Без такого указателя Claude будет пытаться угадывать, какие файлы или папки имеются в виду. Выделение файла — сигнал Клоду заглянуть внутрь конкретного файла.

Декомпозиция задач — основа эффективности

Комплексные задачи нужно дробить на максимально мелкие подзадачи. Надеяться, что Claude Code сам декомпозирует большую задачу — малоэффективно: он может что-то упустить или сделать часть неверно. Правило: если вы не можете сами выполнить задачу без уточняющих вопросов, то и нейронка с ней не справится. Промпты нужно писать так, как будто нанимаете программиста — с полным описанием флоу: что запущено, куда нажато, в какой момент появилась ошибка и что в ней написано. Вместо того, чтобы кидать тысячу строк логов без объяснений.

Git — must-have для откатов

Перед началом работы нужно инициализировать репозиторий (git init), сгенерировать .gitignore (через Claude Code), коммитить каждый рабочий этап. У Claude Code есть встроенная система отката (rewind), но ей не стоит доверять важные проекты — она не настолько прозрачна, как git, и история изменений может потеряться. Git-коммиты дают возможность откатиться к рабочему коду после неудачных правок.

Правила работы с .claude.md

Файл .claude.md в корне проекта — это центральное место для повторяющихся инструкций. Его содержимое автоматически дописывается к каждому запросу. Пример правила: «Никогда не запускай npm run dev» (чтобы не плодить кучу приложений на разных портах) и вместо этого используй npm run build для проверки ошибок компиляции. Команда init генерирует такой файл на основе текущего кода проекта — он описывает стэк, суть приложения и основные страницы.

Planning Mode и Thinking Mode

До внесения изменений полезно использовать Planning Mode (Shift+Tab, затем ввести промпт и Enter). Claude выдаёт конкретный план реализации фичи, а в конце предлагает начать менять код или продолжить планирование.

Thinking Mode по умолчанию выключен. Для сложных задач его нужно активировать двумя способами: нажать на Tab (появляется лейбл Thinking On) или добавить в промпт ключевые слова типа think, think hard, ultra think. Важно: Thinking режим тратит больше токенов и быстрее упирается в лимиты. Для простых задач его отключают.

Работа с большими чатами: компакт и контроль контекста

Когда диалог разрастается (например, при долгом фиксе бага), чат начинает молниеносно сжирать токены. Можно упереться в лимит контекста или в лимит используемых токенов. Команда compact применяет AI-суммаризацию к текущей переписке, чистит чат и заполняет новый контекст кратким содержанием предыдущего. Можно писать кастомный промпт для суммаризации: compact. Сохрани информацию о текущей архитектуре и последних изменениях в API. Однако это инструмент для крайних случаев — разросшийся чат сигнализирует о слишком сложной задаче, которую лучше разбить.

Субагенты с изолированным контекстом

Claude Code позволяет создавать субагентов — отдельных AI-личностей с собственным системным промптом, инструментами и отдельным контекстом. У каждого агента настраиваются условия запуска и задачи. Пример: создание агента-тестировщика (запускает npm run build и интерпретирует результат) и фронтенд-разработчика (только чтение и запись файлов, без запуска команд). Агенты могут запускаться параллельно — например, тестировщик ждёт фронтендера, чтобы проверить результат. Настройки хранятся в папке .cloud-agents как отдельные файлы.

MCP-серверы и их конфигурация

MCP (Model Context Protocol) — протокол для предоставления любых инструментов LLM. Подключаются командой claude mcp add <название> <команда>. Просмотр активных MCP — через claude mcp list.

Любимые MCP автора:

  1. Context7 — предоставляет актуальную документацию библиотек, значительно повышает качество кода и уменьшает баги. Рекомендуется для работы с необычными библиотеками.
  2. Postgres MCP — подключается к БД в read-only режиме, позволяет анализировать данные из продакшена без написания сложных запросов.
  3. TestSprite MCP — аутсорс-тестировщик: проверяет код на баги, пишет и прогоняет тесты. Можно автоматизировать запуск после любых изменений, работает и с фронтендом, и с бэкендом (включая безопасность).
  4. Supabase MCP — даёт возможности Postgres MCP плюс создание и изменение таблиц, настройку доступа, серверные функции. Позволяет быстро собирать Next.js + Supabase приложения, но требует осторожности с продакшен-базами.

Любой JSON-конфиг MCP сервера конвертируется в формат Claude Code. Конфиги можно найти в интернете, вбив в поиск «название + MCP».

Борьба с недопониманием: визуальные баги и картинки

Частая проблема — нейронка реализует фичу не так, как её представлял автор, из-за недостатка информации. Пример: вместо анимации «помидор съедается по кусочкам» Клод налепил эмодзи друг на друга. Технически всё верно (анимация на CSS есть), но визуал не соответствует задумке. Решение — детально описать, что за анимация нужна, как должна работать, когда стартовать. Claude Code умеет смотреть картинки — полезно для правки визуальных багов. Картинки вставляются через Ctrl+V (на Mac — Ctrl+Cmd+Shift+4).

Лайфхаки Claude Code

Ценообразование: API-ключ против подписки

Два варианта работы:

Автор сидит на $20 и покупает более дорогие планы под конкретные проекты, затем переключается обратно.

Альтернативы Claude Code

📜 Transcript

ru · 4 878 слов · 80 сегментов · clean

Показать текст транскрипта
Модели Клод – это одни из лучших текстовых нейронок для программирования на данный момент. А Клод Код – это мощнейший AI-инструмент, который позволяет кодить программы с помощью этих моделей. Я использовал Клод Код во всех своих проектах последние три месяца, и он реально хорош. Он серьезно увеличивает эффективность программирования, плюс даже позволяет писать простые программы людям, у которых нет большого опыта работы с кодом. В отличие от курсор, CloudCode не имеет скрытых платежей и сложных систем лимитов. Можно разрабатывать за 20 долларов в месяц без дополнительных трат. Вдобавок к этому, CloudCode во многом идет на шаг впереди конкурентов, выкатывая передовые фичи быстрее всех. На данный момент это самый продвинутый инструмент для программирования. Сегодня расскажу, как использовать его максимально эффективно, вайп-кодить проекты с минимальным количеством багов, не застревать в бесконечных ошибках и не приплачивать лишние деньги. Погнали! Привет! Меня зовут Олег, в обычной жизни я разраб, но на этом канале вайпкодер. Здесь я сравниваю нейронки, проверяю AI-инструменты и показываю свои небольшие проекты. Пытаюсь выяснить, что работает, а что нет. С момента выхода моего видео про курсор произошло как минимум две вещи. Во-первых, курсор очень жестко поменяли свою ценовую политику, убрав безлимитные вызовы моделей, что очень сильно разгневало всех любителей по вайпкодить. Месячные кредиты стали улетать за один день, а дальнейшие запросы стали платными. И второе, CloudCode стал доступен на... на самом дешевом тарифе Anthropic за 20 долларов. Такой расклад на рынке AI-инструментов мгновенно заставил огромную часть разрабов пересесть на Cloud Code, и меня в том числе. За последние несколько месяцев я поработал почти с полсотни своих PET-проектов, а также покодил в больших enterprise-сервисах. раскатанных на тысячи юзеров. И большую часть времени все это я делал через CloudCode. Поэтому сегодня поделюсь опытом, постараюсь раскрыть как базовые моменты, так и более продвинутые техники и принципы работы в CloudCode. Также многие вещи будут применимы не только для этой программы, но и для других похожих инструментов. Так как принципы работы с AI в целом везде одинаковые. Но начнем по порядку. CloudCode — это утилита, которая запускается в консоли. В ней можно написать свой текстовый запрос, попросив нейронку написать что-то с нуля. или изменить существующий код так, как вам нужно. Давайте напишем простой Pomodoro Timer в браузере. Открываю пустую папку Visual Studio Code, открываю терминал, запускаю команду Cloud и пишу prompt, напиши мне красивый Pomodoro Timer в браузере. Начинает работать. Затем просят разрешение на сохранение файла и разрешение на открытие его в браузере. Аппровлю. Вижу простой рабочий Pomodoro таймер. Как видите, отличие от ChargeGPT в том, что CloudCode написал код сразу на моем компьютере. У него есть доступ на чтение и редактирование файлов. Плюс ему можно даже позволять запускать команды в терминале. Отличие же от Cursor в том, что CloudCode это не отдельный редактор кода. Это просто консольная программка, которую можно запускать в любой папке. А для просмотра файлов уже использовать любой удобный вам редактор. В моем случае это бесплатный Visual Studio Code. Кстати, если вам интересен курсор как полноценный редактор кода, то можете ознакомиться вот с этим моим видео, если еще не видели. Установить Cloud Code очень просто. Достаточно поставить себе Node.js, а затем выполнить в терминале вот эту команду. Затем при первом запуске нужно будет залогиниться в вашем аккаунте Anthropic. Или указать API-ключ, если хотите работать не по подписке. Если что спойлер, по подписке работа гораздо выгоднее. Чуть позже расскажу почему. А пока давайте посмотрим на наш Pomodoro код. Он написан в виде одного HTML файла почти на 500 строк. В нем лежат стили, верстка, JavaScript. Мне это не очень нравится, так как такой код при малейших доработках очень быстро станет супер запутанным. Поэтому давайте перепишем проект на framework.next.js и библиотеку Tailwind. Это базовый стэк для любых фронтендов. С ним легко разбивать проект на файлы и страницы, плюс эти библиотеки очень хорошо известны нейронкам. Для этого обнулю текст чата команды clear, чтобы весь предыдущий диалог больше... не влиял на реализацию следующих задач. Я рекомендую делать такое обнуление перед каждой новой задачей, чтобы предыдущие вызовы, пользовательские вводы, результаты работы инструментов не влияли на дальнейшую работу CloudCode. Если чат не обнулить, то на вход нашей LLM-ки Cloud будет приходить абсолютно все, что находится в чате. А для реализации следующей задачи нам нужен только код текущего HTML-файла. Поэтому после вызова clear выделяю наш файл через знак собаки и напишу «Перепиши код на next.js plus tailwind». Такое выделение файла дает сигнал Клод, чтобы он посмотрел внутрь, если это будет нужно. Без конкретного выделения Клод будет пытаться угадывать, какие файлы или папки вы имеете в виду. Поэтому всегда советую использовать такой указатель. Так задание будет более однозначным и простым для Клода. Запускаем. Видно, что появилось много новых файлов. Запустим проект по инструкции от Клод, выполнив npm install и npm run dev. Откроем localhost 3000. Работает. Отлично. Теперь закоммитимся в git, чтобы не потерять текущий прогресс. Такую процедуру важно делать, чтобы потом, в случае неудачных изменений, была возможность откатиться к рабочему коду и попробовать снова. Для этого инициализирую репозиторий через git init. Прошу сгенерировать gitignore файл у CloudCore, чтобы игнорировать служебный или различный кэш директории файлов и сохранять только наш написанный код. Вижу, что появились файлы в списке изменений на вкладке git, но их слишком много, так как потянулись еще автоматически сгенерированные файлы Next.js. Их нет смысла коммитить. Добавлю папку Next в gitignore и затем пишу сообщение во вкладке git в VS Code и жму коммит. Готово. Коммит появился в истории. У Cloud Code, как и в курсоры, недавно появилась система отката изменений. Это делается через команду rewind. Ей можно пользоваться в небольших проектах, но я бы не доверял ей что-нибудь важное, так как она не настолько прозрачная, как git, и всегда что-то может пойти не так. И история изменений может куда-то деться. Поэтому я считаю, что git это must-have. Например, представим, что я что-то случайно поломал в коде, сломаем какой-нибудь файл, теперь проект перестал запускаться. Но после нажатия кнопки Rollback на вкладке Git, плохие изменения легко откатываются. Отлично, и проект снова работает. Минутка полезной информации. Один из самых стрессовых моментов в IT — это не сама работа, а прохождение собеседования. Собес в IT — это как экзамен в универе. Нужно заранее готовиться к вопросам и задачам. Но самому накапливать материал и открывать сотни вкладок — это тающая боль. Поэтому сегодня расскажу про Solvit — онлайн-тренажер для подготовки к собеседованию. В нем собрано все в одном месте. База вопросов и задач с реальных собеседований, тренажер с фидбэком, роадмапы. И можно решать лайфкодинг задачи прямо на сайте. Давайте зайдем на платформу, посмотрим раздел Live Coding. Тут есть как стандартные задачи на программирование, так и задания на SQL, что очень круто. Задачки на SQL очень часто любят давать на собесах. Также в базе Solvit находятся задания с реальных собеседований в BigTech компании. В фильтрах можно выбрать место работы мечты и целенаправленно готовиться только к нему. Для примера возьму SQL задачку. Тут видно из какой она компании, есть описание и можно сразу написать решение в браузере. Ага, тут нужно вывести список сотрудников, у которых селари больше, чем их руководители. Связь идет через параметр Chef ID. Попробую написать решение через Join таблицу самой на себя. Тестирую. Отлично. Работает. И также в Solvit автоматически собирается аналитика, есть удобное отслеживание прогресса. Плаформа подходит не только разработчикам, но и аналитикам, и тестировщикам. А еще есть сообщества, где можно найти напарника для обучения и пообщаться с ментором. Переходите по ссылке в описании и начинайте готовиться к собесам по-новому. А по моему промокоду вы получите скидку 20% и неограниченный доступ к задачам. Теперь можем удалить исходный файл pomodoro.html, так как он больше не нужен. Удаляю, перезапускаю. Ага, проверяю, что проект не сломался. Комичусь. Это такой стандартный алгоритм работы с любыми изменениями. Давайте теперь сделаем так. Добавим главную страницу, а таймер вынесем на страничку с адресом slash pomodoro. добавив ссылку на нее на главную, чтобы, например, потом на сайте разместить и другие веб-приложения. Это действие можно разбить на две подзадачи. Первое — это переместить текущий таймер на подстраницу Pomodoro. И второе — это создать главную страницу по пути слэш. и добавить ссылку на слэш помодора. При работе с комплексными проектами и задачами нужно всегда их бить на более мелкие. Да, можно надеяться на Клод Код и на его способности декомпозировать задачи. Однако это может быть малоэффективно в больших тасках. Клод может что-то упустить или сделать какую-то часть неверно. Поэтому по умолчанию советую разбивать все на самые мелкие задачи. И оставлять их большими или средними только в том случае, если вы очень много раз проходили через подобные задачи, И заранее понимаете все потенциальные проблемы и нюансы. И, конечно же, указываете их в своем промпте. Текущее действие с переносом страницы не должно быть суперсложным для Клод. В нем нет никаких новых интеграций, вызовов или сторонних библиотек. Поэтому попрошу сделать задачу в один промпт. Перемести таймер Помодора на страницу слэш Помодора и добавь главную страницу по адресу слэш. И затем добавь ссылку на таймер Помодора на главной странице. Готово. Главное открывается, по ссылке попадаем в таймер. И он действительно находится по пути слэш помодора. Однако есть небольшая проблема. Клод после изменения кода запустил наше приложение еще раз. Но оно уже было запущено нами в другой вкладке терминала. И так как дефолтный порт 3000 уже был занят нашим приложением, новое приложение заняло... Порт под номером 3001. И Клод ничего даже не заметил. Он просто отписался, что типа приложение работает. После множества таких изменений у нас будет огромная куча запущенных приложений. И будет очень легко запутаться в них. Так как в целом Next.js следит за изменениями в коде, то HTML в браузере будет актуальным. Однако некоторые вещи типа подключения новых библиотек или изменений в конфиге... могут не отображаться корректно, без перезагрузки. Поэтому я стараюсь держать ровно одну запущенную версию приложения и запрещаю CloudCode запускать его самостоятельно. Для того, чтобы CloudCode не пытался запускать приложение каждый раз, напишем правило. Создадим файли cloud.md и напишем в нем что-то типа «Никогда не запускай npm ramdev». Однако без запуска этой команды нейронка может не увидеть некоторые ошибки, которые возникают во время компиляции. Чтобы она хоть как-то проверяла, не сломался ли код, добавим в правило просьбу запускать команду npm run build после применения любых изменений в код. Модель увидит, если будут ошибки компиляции. Содержимое такого CloudMD файла будет дописываться каждому вашему промпту в каждом запросе. То есть в него можно выносить все повторяющиеся ключевые слова и инструкции. Также можно сгенерировать CloudMD с нуля. на основе вашего кода с помощью команды init. Тогда в результате будет более подробный Markdown Guide по вашему проекту. Например, в моем файле Клод описал стэк и суть приложения, плюс указал основные страницы сайта. Окей. Только, пожалуй, удалю из него лишнюю команду npm start, так как я не хочу, чтобы Клод запускал production сервер. Давайте проверим работу наших правил. Я попрошу добавить CSS-анимацию в каждый из разделов таймера, чтобы выглядело, как будто кто-то съедает помидор по кусочкам. Отлично. Как видим, после внесения изменений, Клод действительно запустил npm run build вместо npm run d. Сборка прошла успешно, и мы получили какой-то ультра кринжовый вариант. Здесь просто эмодзи налеплены друг на друга. Это странно и не то, что я хотел. Такие кейсы со странной реализацией вашей фичи происходят довольно часто с любыми AI-кодинг инструментами. Картинка, которая представляется в голове, значительно отличается от итоговой реализации. Ключевая проблема в таких кейсах в том, что у нейронки было недостаточно информации для выполнения задачи. И она додумала задачу так, как ей захотелось. В примере с помидором технически все сделано верно. Анимация реализована на CSS. Помидор типа как будто едят. Там есть рот и убывающие эмодзи томаты. Однако, чтобы модель корректно справилась, нужно описать, что за анимацию я хочу, как она должна работать, когда должна стартовать и что в ней должно происходить. Откачусь и попробую описать это в промпте. Чтобы избегать таких проблем с недопониманием, перед запуском каждого промпта нужно убедиться в двух вещах. Первое. Если бы вы сами делали эту задачу, смогли бы вы справиться так, чтобы она понравилась руководителю, при этом не задавая вообще никаких уточняющих вопросов. Если все-таки нужно что-то уточнить, то что конкретно здесь не до конца понятно? Добавьте это в свой промпт. И второе. Пишите промпты так, как будто нейронка это ваш наемный программист. Если есть какой-то сложный кейс, в котором что-то работает не так, то опишите весь флоу. Что было запущено, куда нажато, в какой момент появилась ошибка и что в ней написано. Вместо того, чтобы просто кидать тысячу строк из логов без всяких объяснений. Если Клод не понял вас с первого раза, то откатывайте чат и изменения назад и пробуйте еще раз с более подробным описанием. Клод код теперь легко откатывает сообщение в чате с помощью команды rewind. Следуя этим принципам, вы сможете... значительно уменьшить вероятность ошибок и недопонимание с нейронкой. И чтобы заранее понять, что CloudCode собирается сделать, перед имплементацией изменений я воспользуюсь режимом Planning Mode. Для этого нажму Shift плюс Tab один раз, пропишу Prompt и нажму Enter. В результате получаю конкретный план, как данная фича будет реализована. В конце Cloud предлагает начать менять код или продолжить планировать. Мне в целом все нравится, поэтому запускаю применение. В результате получилась вот такая вот анимация. Работает так, как я ее представлял. Однако немного глючено, плюс не очень детализировано. Поэтому попробую сделать по-другому и еще круче. Хочу 3D помидор, который нарезается кусочками. Для этого воспользуюсь Blender MCP, чтобы попросить код-код создать мне модель в редакторе. MCP это по сути протокол для предоставления любых инструментов для LLM. Если интересно узнать, как это работает, можете посмотреть вот это мое видео. А пока подключим Blender MCP Cloud Code. Для этого нужно установить утилиту UV и потом в терминале вашей папки проекта написать Cloud MCP Add Blender UVX Blender MCP. Затем в Cloud Code по команде MCP можно будет увидеть, какие MCP у вас есть, работают ли они и плюс, какие действия у них доступны. Далее для Blender нужно будет скачать вот этот скрипт из GitHub и добавить его как аддон. Затем в редакторе открыть таб Blender MCP и нажать Connect. Все, теперь Клод сможет пилить 3D модельки. Попрошу его сделать модель томата. Клод начинает работать и вызывать различные инструменты блендера. И что прикольно, в программе в реальном времени можно наблюдать за процессом моделирования. Вот такой вот помидор получился. Я экспортировал его в FBX формате, чтобы использовать в нашем веб-приложении. А также докину в проект MCP-сервер Context 7, так как разработка потребует специфичных знаний 3D-библиотек. Этот сервер позволяет моделям искать и читать документацию по библиотекам. Он значительно бустит эффективность работы в проектах с необычными либами. Добавлю MCP через команду. Для больших рейт-лимитов можно также зарегистрироваться на context7.com, получить там свой ключ и указать его припиской IPK. И, кстати, любой JSON-конфиг MCP сервера можно легко преобразовать в формат CloudCode вот таким вот образом. Тут пример для Playwright MCP, плюс для любого сервера в общем виде. Можете сохранить для будущих добавления MCP, чтобы потом не гуглить. Это точно пригодится. И искать конфиги любых MCP можно в интернете, забив в гугле просто что-то плюс MCP. Либо глянуть вот в этих репозиториях. Там очень много проверенных вариантов. В общем, погнали, напишем наш 3D-атамат. Базовая идея такая. Над таймером должна находиться модель помидора, от которой постепенно будут отрезаться слайсы пропорционально прошедшему времени. При отрезании слайса кусок должен падать вниз экрана. И в финале таймера последний кусочек исчезает внизу. Давайте разобьем это на подзадачи. Здесь разделение уместно, так как на каждом этапе что-то может пойти не так. 3D движок может не завестись, или томат может импортироваться как-то неправильно. Нарезка может идти как-то не так и так далее. Поэтому вот сабтаски. Первое. Добавить 3D сцену над временем. У сцены должен быть белый фон. В центр нужно поставить красный куб. Второе. Заменить красный куб на модель помидоры. Третье. отрезать от помидора слайсы скачками пропорционально времени 4 сделать чтобы слайсы падали вниз и 5 добавить какую-то текстуру на место среза чтобы помидор выглядел более натурально это вроде все погнали делать запускаю первый промт говорю использовать context 7 и в результате получаю вращающийся 3d cube окей работает Шаг 2. Заменим куб на помидор. Вынесу упоминание контекст 7 в правило, плюс подправлю пару команд в инструкции, чтобы не вызывать линтер и не запускать фронт через nextdev. Запускаем. Отлично. Помидор вращается, и только листва у него куда-то делась, но поправим это позже. Шаг 3. Разрежем томат на слайсы. В результате получился как будто с нуля смоделенный томат, который уже лежит как пирамидка из слайсов. Это никуда не годится. Попробуем поправить это. Спустя 50 минут фиксов получилось достичь того, что я хотел. Реальная модель томата нормально разрезается слайсами. Ура! И кстати, так как фикс бага Клоду давался очень тяжело, диалог разрастался очень быстро. Такие большие чаты могут молниеносно сжирать ваши токены. Это довольно критично, если вы разрабатываете много. Можно легко упереться как в лимит контекста по длине чата, так и в лимит используемых токенов. Клод может заставить вас подождать некоторое время, если вы исчерпали свои запросы. Поэтому для сокращения размера чата иногда полезно пользоваться командой компакт. Она применяет AI суммаризацию к текущей переписке в чате. затем чистит его и заполняет новый контекст кратким содержанием предыдущего чата. И что прикольно с компакт, можно написать кастомный промпт в суммаризации. Например, компакт. Сохрани информацию о текущей архитектуре и последних изменениях в API. С таким промптом суммаризация будет конспектировать только ту информацию, которая вам нужна. Однако не стоит применять этот прием абсолютно всегда и везде. Он полезен только в том кейсе, когда вам нужна информация из предыдущего диалога, но чат стал слишком огромным. В реальной разработке лучше избегать таких кейсов. Такие ситуации — это признак слишком сложной задачи. Вот небольшая табличка с подсказками, как лучше действовать в разных ситуациях с чатами в Cloud Code. После всех моих фиксов свет на 3D сцене оказался слишком пересвечен. Попробуем пофиксить. Кстати, у Cloud Code есть способность смотреть картинки. Это очень полезно, если нужно править визуальные баги. Картинки в Cloud Code можно кормить вставкой Ctrl-V, предварительно скопировав нужную область в буфер обмена. На Mac это сочетание Ctrl-Command-Shift-4. После фикса света проект работает вот так. Окей. И, кстати, вот еще пара лайфхаков CloudCode, которые полезны в разработке. Первое. Если вы случайно закрыли CloudCode, то можете продолжить чат, запустив команду Cloud с параметром continue. И второе. CloudCode по умолчанию работает в папке, в которой он открыт. Но он без проблем может заглядывать в другие директории на вашем компьютере, если вы ему разрешите это делать. Я часто использую этот прием, чтобы попросить Cloud сделать что-то. как в предыдущем проекте. Просто прошу Клод посмотреть соседнюю папку. Давайте теперь попробуем сделать так, чтобы отрезанные части помидора не просто исчезали, а как будто падали вниз. Но прежде чем продолжить, предлагаю прокачать нашу систему. Каждый раз при запуске npm run build наш контекст Клод засоряется лишними логами, стек трейсами и другим мусором. Но по сути при запуске билд команды нам просто важно знать, успешно ли собралось или нет. Если есть ошибки, то еще их текст и файлы, в которых они возникают. Поэтому в идеале нам нужно вызывать npm run build и интерпретировать его результат в отдельном контексте. Например, это можно сделать в отдельном чате. Вызвать команду, посмотреть есть ли ошибки, а потом скормить результат в основной чат. Однако в CloudCode уже выкатили крутую фичу для оптимизации таких кейсов и умной работы с контекстом. Она называется субагенты. Теперь мы можем создавать агентов. Таких личностей, которые имеют отдельный доступ к инструментам, свой собственный системный промпт и, самое главное, отдельный контекст. У каждого агента можно прописать условия, при котором он входит в игру и начинает работать. Можно также прописать, какие задачи он должен брать в работу. И все агенты, как и MCP, могут быть настроены как на уровне проекта, так и глобально для всех проектов сразу. Давайте создадим агента-тестировщика, который будет запускать npm run build и интерпретировать результаты. В Cloud запускаем команду agents. Затем жмем Create New Agent, выбираем Manual Configuration. Я не рекомендую использовать автоконфигурацию, так как Клод может написать очень много мусора в ваши промпты. Введу системный промпт, затем условия, когда его вызывать и что у него просить. Затем настраиваем, какие инструменты будут ему доступны. В случае QA это чтение файлов плюс запуск команд. Затем цвет агента и все. Отлично, он готов. Теперь создадим агента фронт-энд разработчика. У него уже сделаю промт чуть посложнее, так как задача немного более комплексная. Дам ему в управление только чтение и изменение файлов, остальное не нужно. Вот так выглядит полный конфиг агента. Для начала сойдет. Погнали сделаем падение отрезанных кусков. Пишу, сделай, чтобы исчезающие слайсы не просто исчезали, а как бы отрезались и падали вниз под гравитацией. Затем добавляю «Используй тестера и фронтендера». Это важно указывать, так как почему-то без явных упоминаний Клод не использует агентов. Запускаю. Кстати, заметьте, что агенты запустились одновременно. Это специальная фишка, которая позволяет делать сразу несколько действий параллельно, когда это возможно. Однако в нашем кейсе тестировщик ждет фронтендера, чтобы проверить результат. Офигенно. Работает. Теперь реализуем отображение текстуры помидора на местах среза. Я сгенерировал вот такую картинку в чат GPT. Попробуем ее использовать. Пишу, сделай, чтобы у слайсов 3D модели помидора в 3D сцене на местах среза была текстура. И также использую тестера и фронтендера. Запускаю. Ага. В результате текстуры выглядят как плоскости, а не больше, чем площадь среза. Чтобы пофиксить эту проблему, давайте чуть-чуть прокачаем нашего фронтенд агента. Дадим ему context.mcp для проверки документации. Выдам доступ и пропишу, чтобы он использовал сервер, если нужна инфа о библиотеках или примере кода. Кстати, настраивать prompt-агент удобно в папке .cloud-agents. Тут под каждого агента лежит файлик. Изменяем. Готово. Теперь откатим изменения и запустим задачу еще раз. Через некоторое время получаю нормальный результат с текстурами на срезе. И наша задача готова. 3D помидор нарезается именно так, как я хотел. Пока я фиксил возникающие на пути баги, я коснулся важной темы. Thinking. По умолчанию Клод не будет думать над вашими задачами. То есть его Thinking Mode будет выключен. И это плохо, если ваша задача достаточно сложная. Поэтому рекомендую работать с включенным Thinking режимом. В Cloud Code его можно активировать двумя способами. Первый — это нажать на Tab. Нажав, вы увидите лейбл Thinking On. И второй — используя ключевые слова в вашем промпте, типа Think, Think Hard, Ultra Think. Это заставит Cloud включать думающий режим. Однако важно учитывать, что Thinking режим тратит больше токенов и быстрее упирается в лимиты. Отключайте его, если задачи простые. Ну и не используйте режим UltraThink на все подряд. Вот табличка примерных расходов на каждый из режимов размышлений. И раз уж речь зашла за лимиты, то давайте поговорим, какие модели и уровни подписок предлагает нам Andropik для работы в CloudCode. На текущий момент CloudCode имеет два глобальных варианта работы. Первый — это использование API-ключа. В таком режиме вы будете платить только за фактически использованные токены. Подойдет, если вы редко вайп кодите и выполняемые задачи достаточно простые. Не используйте этот режим, если кодите много, он достаточно дорогой. Однажды за 20 минут работы через API ключ на модели Opus 4 я потратил 20 долларов и так и не закончил задачу. Однако этот режим хорош тем, что его можно кастомизировать, чтобы работать с любыми LLM-ками от любых провайдеров. Но используемые LLM-ки должны поддерживать клод совместимый API. Поэтому для моделей с API формата OpenAI следует использовать специальный адаптер-сервис. И второй режим — это работа через подписку Anthropic. В нем лимиты зависят от уровня аккаунта. За минимальные 20 долларов ограничения позволяют умеренно кодить на модели Sonnet. На данный момент тут доступна версия Sonnet 4.5, по беджмаркам это топ-1 модель для кодинга. Поэтому если ваш бюджет жестко ограничен, то смело берите Anthropic Pro за 20 долларов и все. Этого не хватит только для больших кодинг-сессий длиной больше 5 часов, так как лимиты к лот обновляются раз 5 часов. Следующий по стоимости план обойдется в 100 долларов. В 5 раз дороже, но и лимиты тоже в 5 раз больше. По сути, дает возможность кодить на Sonnet практически без перерывов. На нем я еще никогда не упирался в ограничения на этой модели. Однако, этот режим также позволяет использовать большую Opus модель на данный момент с версией 4.1. Модель очень дорогая, поэтому на ней упереться в лимиты уже реально. Этот уровень подписки я рекомендую как баланс между возможностями и стоимостью. Вполне подходит, чтобы кодить на нем целые проекты, но требует внимательности при работе с моделями уровня Opus. И чтобы кодить бесконечно вообще на любых моделях, У антропики есть самый дорогой вариант за 200 долларов. Его лимиты в 4 раза выше ограничений 100 долларового плана. Это позволяет вообще не думать о количестве токенов и вайпкодить на полную. Рекомендую, если ваша работа полностью построена на код-код и у вас нет возможности останавливаться и ждать восстановления лимитов. Лично я сижу на подписке за 20 долларов и покупаю более дорогие варианты под конкретные проекты, эксперименты или тесты. Как только проект завершается, я переключаюсь обратно на 20 долларов. Просто я не хочу платить 200 долларов за то, что не использую каждый день. И по традиции расскажу про свои любимые MCP. Первое. Ультрабаза это Context 7. Этот MCP значительно бустит качество кода и уменьшает вероятность багов чисто за счет предоставления актуальной документации библиотек. Второе. Postgres MCP. Он подключается к нужной базе данных в редонли режиме и позволяет по сути разговаривать с данными. Реально полезно, если хотите проанализировать данные из продакшена, но база содержит кучу таблиц и сложносоставных данных. По ссылке в описании можете глянуть мой пост.тг, где я описал, как конкретно использую этот MCP сервер. Третье. TestSpriteMCP. Этот сервер работает как аутсорс-тестировщик. Он проверяет ваш код на предмет багов, пишет и прогоняет тесты. Так как это MCP, то процесс тестирования можно запускать автоматизированно после любых изменений, прописав требования к запуску в ваших правилах код МД или в промпте агента-тестировщика. Для примера возьмем мой сайт FindFist Studio. Я давно хочу поправить страницу оплаты, чтобы вместо подписок были доступны только пакеты дополнительных глав. Попрошу кладкод реализовать это в коде. Затем нам понадобится документ PRD, чтобы тестировщик понимал, как должен работать код и что в нем изменилось. PRD расшифровывается как Product Requirements Document, то есть по сути просто требование к проекту. Сгенерим его в том же диалоге, так как наш кладкод... как раз в контексте фичи и измененной страницы. Затем зайдем на сайт testprite, зарегистрируемся и скопируем готовый конфиг для подключения mcp к Cloud Code. Создадим API ключ и пропишем его в конфиг. Отлично. Проверю, что mcp сервер подключился через Cloud MCP List. Ага, работает. И теперь в диалоге с Cloud Code попрошу протестировать мое изменение через testprite. В открывшемся окне выберу frontend, код diff, чтобы тестить только изменения. И передам сгенерированный prd файл в раздел prd. Отлично. Процесс пошел. Как результат работы MCP сервера я получаю сгенерированный отчет по тестированию, в котором описаны тест-кейсы и их результаты. В нем видно, что несколько тестов упали, и, кстати, код самих тестов тоже сгенерировался, его можно посмотреть, подправить или прогнать еще раз. Попрошу CloudCode поправить код так, чтобы тесты проходили, и перезапустить тесты еще раз. Некоторое время спустя получаю улучшенные результаты, и вижу, что тестирование обнаружило баги, которые вызваны неправильной конфигурацией на бэкэнде. То есть, по сути, исправлять здесь нужно уже бэкэнд. В общем, таким итеративным образом можно разрабатывать и тестить проекты, не думая про тестирование самостоятельно. Тест спрайт может проверять как фронтенд, так и бэкенд. И, например, здесь я прогоняю тест спрайт для проверки секьюрности бэкенда. Вот, например, кейс, где мы проверяем, что бэкенд возвращает только те файлы, которые доступны юзеру с его токеном. И во втором кейсе проверяется доступ пользователя до конкретного содержимого файла. Такие тесты критически важны для моей системы. В общем, советую попробовать этот MCP, у них есть бесплатный стартер-план на один месяц. И четвертый сервер — это Superbase MCP. Superbase — это, по сути, open-source обертка над Postgres, которая позволяет удобно работать с базой, как будто это полноценный бэкэнд. В Superbase можно пилить серверные функции, ограничения по доступу к строкам данным и многое другое. Superbase часто берут как бэкэнд для Next.js приложений. Superbase MCP дает то же самое, что Postgres MCP, но при этом дает изменять и создавать таблицы, настраивать и менять все, что угодно. в вашей супа бейс базе этот сервер позволяет ультра быстро создавать приложение next.js плюс супа бейс однако с ним нужно быть ультра аккуратным если вы хотите что-то изменять в продакшн базе. Не будьте тем челом из новостей, который удалил продакшн данные из-за ошибки нейросети. И напоследок перечислю все достойные альтернативы к лодкод. Самый достойный соперник это кодекс CLI. Он работает за те же 20 долларов подписки. По сути вы получаете его при оплате базового чат GPT+. И он содержит в себе мощнейшие модели GPT-5 High и GPT-5 Codex High. Если уже сидите на чат GPT и кодите не супер много, то кодекс будет достаточно. Второй конкурент это Gemini CLI. Он позволяет кодить на модели Gemini 2.5 Pro. По качеству в целом норм. Однако фишка в цене. Программа позволяет пользоваться ей абсолютно бесплатно. И поэтому этот вариант я советую всем, кто не может себе позволить какие-либо подписки или хочет попробовать по вейбкодить в первый раз. Если же вам прямо зайдет Gemini, то можете купить к нему платную подписку. Как это сделать я писал в своем телеграм-канале. Это оказалось супер неочевидно. И последний конкурент это QuenCode, он тоже бесплатен. По ощущениям и тестам чуть хуже, чем Gemini. Рекомендую использовать, если есть проблемы с доступом к Gemini CLI. В заключении хочу сказать, что CloudCode на данный момент... это действительно самый прокачанный инструмент не только для разработки, но и для аналитики, тестирования и любой другой работы с AI. Он содержит лучшие модели для работы с инструментами и позволяет создавать связки агентов под любой диапазон задач. Думаю, в будущем в него будут докидывать еще больше полезных фич и будут выходить еще более продвинутые модели. Поэтому подписывайтесь на мой канал, здесь я и дальше буду делиться опытом взаимодействия с AI, показывать и разбираться, как конкретно использовать технологии и выяснять, стоят ли они нашего внимания. Также можете подписаться на мой телеграм-канал, там я выхожу на связь чуть чаще и публикую много полезных материалов по теме AI-кодинга. Увидимся!

⚙️ Pipeline jobs

StageStatusAtt.UpdatedError
download done 1/3 2026-07-20 12:07:25
transcribe done 1/3 2026-07-20 12:07:52
summarize done 1/3 2026-07-20 12:08:22
embed done 1/3 2026-07-20 12:08:25

📄 Описание YouTube

Показать
Тренажер для подготовки к IT собеседованиям: https://solvit.space/l/stepoleg
Используйте промокод STEPOLEG для скидки 20% и неограниченного доступа к задачам

MCP-сервер для тестирования: http://testsprite.com

🔗 Клуб по AI тут (там чат, доп видео и все исходные коды проектов): https://club.stefanov.tech/?utm_source=youtube&utm_medium=video&utm_campaign=club&utm_content=claude_code
🔗 Как использовать PostgreSQL MCP: https://t.me/oleglimited/39
🔗 Конфиги MCP-серверов: https://oleg.stefanov.tech/mcp-collection
🔗 Мой телеграм канал: https://t.me/oleglimited
🔗 Разработка/внедрение AI: https://x10.stefanov.tech/
🔗 По любым другим вопросам: https://t.me/oleg_code

Привет! Я — Олег, в жизни разработчик, а здесь — вайб кодер.
Тестирую нейронки, ищу лучшие AI-инструменты и показываю, как реально можно кодить проекты с помощью LLM.

Сегодня разбираем Claude Code — самый продвинутый AI-инструмент для программирования, который можно использовать прямо из консоли.
Покажу, как эффективно с ним работать, как уменьшить количество багов, не переплачивать за подписки и не застревать в ошибках.
Разберём как базу, так и продвинутые техники, правила, агентов, MCP и реальные лайфхаки, которые помогут прокачать ваш AI-кодинг.

00:00 Вступление
01:01 Почему Claude Code сейчас топ
01:57 Что такое Claude Code
02:58 Как установить Claude Code
03:31 Контекст, /clear
04:40 Работа с Git, /rewind
07:32 Декомпозиция простой задачи
08:52 Правила CLAUDE.md, /init
10:49 Как формулировать промпты
12:29 Planning mode
13:01 Подключение MCP Blender
14:01 Context7 MCP
14:24 Как подключать любые MCP
14:48 Декомпозиция сложной задачи
16:20 /compact
17:29 Как закидывать картинки в Claude Code
17:45 Лайфхаки в Claude Code
18:19 Субагенты, /agents
21:18 Thinking mode
22:01 Модели, подписки и лимиты
24:10 Лучшие MCP
27:33 Альтернативы Claude Code
28:27 Финальные выводы