Transcription
Это самый полный гайд на клодкод на русскоязычном Ютубе. Если вы хотите разобраться в этом инструменте от А до Я, то это то самое видео.
Даже если вы вообще никогда не открывали клодкод и не понимаете, что это такое, после этого видеоролика вы будете ориентироваться в нём на уровне уверенного пользователя. А если вы уже работаете складкод, то я уверен, вы всё равно найдёте в этом ролике кучу всего полезного. Я разживал каждую тему настолько просто и подробно, что разберётся даже полный новичок. По сути, этот видеоролик заменит вам недели, а то и месяцы самостоятельного изучения. То, за что некоторые эксперты берут деньги на платных курсах, мы разберём бесплатно и в одном месте. Думаю, этот видеоролик будет точно полезным и информативным. Не будем терять время, поехали.
Давайте я сначала опишу структуру этого гайда. Первое, что мы разберём - это что такое клод-код и зачем он нужен, чем кд-код отличается от других инструментов, какие есть тарифные планы у CLДкод и какой лучше выбрать, а также разберёмся, как же купить подписку на клод, если вы находитесь в России. Мы с вами установим клод-код, выберем среду, в которой он будет работать, и уже начнём разбираться с базовым функционалом. Часть третья. В ней я расскажу, как правильно формулировать промты для код-код, чтобы он выдавал более качественные результаты. Разберёмся, что такое permissions или же разрешение. Пройдёмся по слэш-командам, разберёмся, что у него вообще представлено в арсенале. Разберёмся с моделями Clotдкод, какую лучше выбрать для каких задач. Узнаем, что такое effort level или ultra Think, и поговорим про планирование в clД. В четвёртой части мы с вами поговорим о файле clot.m. узнаем, что такое иерархия памяти, немного поговорим о контекстном окне и как оно работает, а также поговорим, как оптимизировать расход токенов, чтобы не слить их в первый час. Далее мы с вами поговорим о том, что такое гиit. Разберёмся, как сохранять версии вашего проекта, чтобы вы их не просрали, если вдруг код совершит какую-то большую ошибку. У меня почему-то в окне именно сейчас начали выть все сирены мира. Ну ладно, надеюсь, у меня не будет этого слышно. Затем мы с вами обсудим, что такое MCP или же Model Context Protocol. Разберём и установим несколько популярных MCP, а также покажем, как они работают. Разберём расширение клода для хрома, а также разберём влияние MCP на контекст, насколько сильно он жрёт ваши токены. Следующая часть будет касаться кастомных команд, скилов и плагинов. Мы разберёмся, как создавать собственные кастомные команды или же скилы. Разберёмся с расширением skill creator, который позволяет вам создавать собственные скилы. Разберёмся, насколько скилы и плагины жрут ваши токены. И поговорим о маркетплейсах или же системах плагинов. В следующей части мы с вами затронем субагентов и параллельную работу. Узнаем, что такое субагенты, как они работают. Далее у нас идут хуки. Узнаем, что такое хуки, зачем они нужны, при каких событиях срабатывают хуки. Мы займёмся их настройкой и практическими примерами. В двенадцатой части мы с вами разберём продвинутые техники пользования-кодом. Далее поговорим о некоторых аспектах, которые касаются мышления AI разработчика, чтобы более грамотно работать с клод-код. И в последней части мы с вами затронем тему обновлений, потому что обновления в клод-коде выходят чуть ли не каждый день. И очень важно, если вы хотите быть актуальным специалистом, следить за этими обновлениями. В общем, нас ждёт очень насыщенный и мощный ролик. Я даже не знаю, сколько он выйдет по времени. Я думал, что где-то час, может полтора, но посмотрим, как в итоге выйдет. Короче, давайте не будем лить воду. Поехали.
Что такое-код и зачем он нам нужен? Clкод - это инструмент от компании Antropic, который работает прямо в терминале вашего компьютера. Код-код работает не как обычный AI-помощник, которому ты задаёшь вопрос, а он на них отвечает, он ещё и делает. Ты ему говоришь: "Создай мне сайт". Он создаёт тебе сайт. Ты его просишь найти и исправить ошибку в коде. он её находит и исправляет. Просишь его установить определённую библиотеку, он её установит. Я сейчас не про книги, а про программные пакеты. И самое главное, тебе вообще не нужно уметь программировать. Ты просто описываешь словами, что тебе нужно, и кд-код выполняет всю работу за тебя. Тебе остаётся только проверять его работу и направлять его в нужное русло, если он куда-нибудь не туда ушёл.
Почему большинство топовых разработчиков использует именно клод-код, а не какой-либо другой его аналог? Я перепробовал достаточно много инструментов для вайп-кодинга. И могу сказать вам честно, то, что нейросети от Antropic, то есть от создателей Clк Clotд, на данный момент являются самыми сильными с точки зрения написания кода. Сейчас налетят типы в комментариях, которые такие: "Ле, я пользуюсь Quen XL.525 Pro G. И вот он реально мощный, а не вот эти ваши клод-коды." Но может таких и не будет, посмотрим. Давайте сейчас чисто из интереса зайдём в м арену. Это сервис, где можно посмотреть, так сказать, турнирную таблицу нейросетей. И посмотрим, на каком месте сейчас находится клод-код, по мнению большинства. Открываем дерборд и смотрим. У нас тут есть несколько категорий: текст, код, vision, документ, короче, много всего. Давайте посмотрим, например, вот тут графа текст. Тут первое место уд OPUS 4.6. В блоке код вообще безоговорочно пять первых мест принадлежат клоду. Документы опять же Vision у нас clд отсутствует тек to image тоже отсутствует потому что он не делает изображения даже в search у насд opus 4.6 шесть на первом месте. Короче, для создания визуальных каких-то эффектов он у нас не подходит, а для всего остального очень даже подходит.
Давайте посмотрим на тарифы клода. Если что, клод работает только с помощью VPN. Итак, у клод-кода есть несколько вариантов подписки. Cl Pro - это базовый план. Токены здесь сгорают достаточно быстро, особенно если вы пользуетесь самой мощной моделью клода. Для знакомства с инструментом и для выполнения лёгких задач этого тарифа будет более чем достаточно. Кстати, у кода есть достаточно приятная штука. Например, вы попользовались подпиской Pro где-то 2 недели, которую оплатили на месяц, и захотели переключиться на тариф Маx, например. И когда вы будете платить эти самые 100 долларов, то из них вычтут ту сумму, которую вы, условно говоря, не успели потратить в CД Pro. Например, условно подписка Pro 20 долларов в месяц. Вы попользовались им 2 недели, хотя платили на месяц. У вас ещё 10 долларов в запасе. И вот они вычтутся из тех 100 долларов, которые нужно заплатить за Clot Max. Я считаю, это достаточно приятно. Clot Max 5X стоит 100 долларов в месяц. Лимиты в пять раз больше, чем на подписке Pro. Честно говоря, этого прямо более чем достаточно для выполнения большинства задач. И ещё есть подписка Clot Max 20X. 200 долларов в месяц. конечно, но и лимитов здесь практически вы не встретите. Это для тех, кто буквально живёт в клодкоде, пользуется всеми навороченными штуками, которые жрут кучу токенов, и создают какие-нибудь команды агентов, которые просто потребляют невероятное количество токенов.
Помимо этих тарифов есть ещё клодкод АИ. Это оплата за токены, то есть оплата за каждое обращение к модели. Казалось бы, звучит круто, но тут важно понимать, что для обычного пользователя практически всегда обычная подписка CД будет более выгодной. При активной работе API может выходить вообще за 1.000 долларов в месяц. При этом за тот же объём, например, на подписке Clot Max, вы бы потратили всего 100 долларов. Такой метод работы подойдёт, если вы используете клод-код совсем редко и по чуть-чуть или если вы строите какую-нибудь автоматизацию, там бота, Pipeline, где код-код работает программно без вашего участия. Короче говоря, для 99% случаев я рекомендовал бы вам покупать подписку.
Теперь вопрос следующий. Как же нам в России покупать подписки? Ведь карты Мир оплатить клод не получится. Что же делать, спросите вы? А я вам отвечу. Сейчас я говорю именно про свой опыт. Если что, это никакая не реклама, поэтому отвалите, если вы будете мне писать про это. Для того, чтобы оплатить подписку на клод, вам будет необходима зарубежная карта. Если вы проживаете в России и у вас нет друзей за рубежом, то есть отличный сервис, который находится у нас в Телеграме, называется Заруб. Раньше я пользовался One to Pay ботом, но потом почему-то его карты перестали нормально работать, и я перешёл на заруб. Вот так выглядит этот Telegram бот. Если что, ссылки на всё будут в описании, на всё, что вам понадобится. Давайте откроем здесь мини-приложение на весь экран. Ну давай, бля. Чтобы купить здесь виртуальную карту, кликаем здесь кнопку "Выпустить карту". И здесь покупаете карту. Здесь мы покупаем Visa Virtual Card за 8 долларов. Я уже не помню, как конкретно там было, но вроде как надо было закинуть 8 долларов плюс комиссию, чтобы купить карту, потом закинуть туда 10 долларов, чтобы её активировать. Но эти 10 долларов, если что, не сливаются в никуда, а вы используете их, чтобы оплатить те же самые подписки. Поэтому в целом 1.000 руб. и у вас есть зарубежная карта. Потом нет ничего сложного, заходите на страницу, ссылка на неё будет в описании, кликаете trй clod, выбираете любую подписку, которую хотите купить. Там надо будет ввести данные карты, имя владельца и так далее. Всё это будет прямо на карте, поэтому я думаю, что вы не ошибётесь. Чтобы зайти на свою карту, вот видите, у меня здесь купленная виза. Чтобы я её посмотрел, увидел её реквизиты, надо кликнуть на вот эту вот фиолетовую кнопочку, чтобы закинуть сюда побольше денег. Вот здесь вот есть кнопки пополнить баланс. Кстати, да, когда вы пополните баланс здесь, потом из этого баланса надо будет пополнить карту. Странная махинация, но это, наверное, чтобы побольше комиссии с вас писать. Вот таким образом можно купить подписку на клод.
После того, как вы купили подходящий вам тариф, вам необходимо, собственно говоря, скачать клод-код. Это делается достаточно просто через терминал. Не пугайтесь слова терминал, здесь нет ничего сложного. На MacBook ClДКОД устанавливается с помощью вот этой вот команды, если что, они будут в моём Telegram-канале. Вот, кстати, подписывайтесь на мой Telegram-канал. Там помимо этих команд будет куча полезных материалов, связанных с вайп-кодингом. Там куча гайдов по деплою, по установке админки, по юридическим вопросам и так далее. Поэтому, если вы занимаетесь созданием серьёзных качественных сервисов с помощью вайб-кодинга, то, я думаю, этот канал будет точно вам полезен. Всё в бесплатном доступе там, поэтому буду благодарен за подписку и поддержку моего Telegram-канала. Итак, ввели команду, кликаем Enter. Ждём некоторое время, пока-код установится на наш компуктер. Прошло где-то полторы минуты, и он мне написал: "Installation complete, что значит, что установка у нас завершена. Давайте проверим, что это действительно так. Я ввожу следующую команду. Проверяем версию. И как мы видим, у нас установлена версия 2.1.72. Соответственно, код мы установили. Кстати, команда для тех, кто пользуется Виндой, выглядит следующим образом. Опять же, её можно скопировать в моём Телеграме. Давайте посмотрим, работает ли у нас клод прямо в терминале. Чтобы это проверить, просто ввожу сюда кД и нажимаю Enter. И у нас открылся интерфейс клода. Вот тут вот его логотипчик. А вот сюда мы с вами вводим наши промты. Давайте сначала войдём в аккаунт. Чтобы это сделать, кликаем здесь сшла, а затем вбиваем login и кликаем Enter. Далее он нам предлагает три варианта входа, какие у нас могут быть. Clot аккаунт с подпиской, consка. Это апи, как раз-таки, которые дорогущие, о которых я вам говорил, и какая-то сторонняя платформа, но это нам, короче, не надо. Здесь мы выбираем первое. Далее он нас самостоятельно переносит в интерфейс клода и просит нас авторизоваться. Кликаем кнопку autorize. Ждём некоторое время. Всё, он нам написал: "Build something great". Можете возвращаться обратно. Всё, видите, здесь зелёная надпись. Login successful. Press enter to continue. Кликаем enter. Всё. Теперь давайте посмотрим, работает ли у нас клод. Привет, бро. Скажи, пожалуйста, ты сейчас работаешь? Привет. Да, я работаю и готов помочь. Как мы видим, он нам ответил, соответственно, он готов к работе.
Но скажете вы мне, Матвей, это вообще ни фига неудобно. Мне вот это вот через терминал какой-то переписываться, что ли? А я вам отвечу: да, можно и не через терминал. Вы можете воспользоваться такими инструментами, как Visual Studio CД. Это, наверное, самый визуально приятный инструмент, чтобы пользоваться клод-кодом. Можете использовать терминал, если вам пофиг на то, как это выглядит. И также вы можете воспользоваться другим инструментом, который называется курсор. Так как у меня есть годовая подписка на курсор, то я буду использовать его. Но если что, это не обязательно. Вы можете на бесплатной подписке курсора использовать-код. Давайте мы с вами попробуем зайти в каждый из способов. Опять же, ссылка на скачивание Visual Studio Cд будет в описании. Давайте я с вами зайду в Visual Studio Cд и покажу, как нам включить наш-код. Вот так выглядит Visual Studio Cд. Открываем здесь какую-нибудь папку или создаём новый файл, неважно какой. Короче, просто открываем что-либо. Давайте, видите, у меня здесь уже расширение клода установлено. Вот он, его логотип. Для того, чтобы установить расширение, кликаем на вот эту вот кнопочку. Здесь вбиваем клод и находим здесь официальное расширение от Antropic. Тут куча всяких лишних расширений, поэтому обратите внимание, чтобы здесь было обязательно антроopic с галочкой. Вот. Выбираете его, кликаете здесь установить, и у вас установится расширение. Оно как здесь отображается, так и вот здесь в левой панели. Давайте я кликну на эту кнопочку верхней панели, и у нас откроется интерфейс clдкод. Кликаем здесь разрешить. Разрешить. Это всё закрываем. И у нас открывается клод-код. Здесь он выглядит, конечно же, приятнее, чем в том же терминале. Здесь можно проще вводить команды. И в целом это выглядит достаточно приятно. Как здесь работать? Давайте создам быструю папку какую-нибудь, покажу чисто быстро. JJ назову её. Неважно, как её называть. Кликаем здесь open. Выбираем нашу папку. Кликаем открыть. И здесь давайте откроем сразукод и напишем ему сюда следующую инфу. Давайте, чтобы сильно не заморачиваться, создай мне, пожалуйста, какой-нибудь простецкий лендинг. Неважно какой, просто пусть там будет два блока и верхнее меню. Я ввожу ему промт. Если что, это не идеальный промт. Сейчас мы об этом подробнее поговорим. И как мы видим, он начинает нашу работу. Вот он понял, что это пустая папка, и сейчас создаст нам простой проект. Как можно заметить, он начал работать с кодом и запрашивает разрешение на создание index.html. Давайте я вот так нажму, соглашусь и приму все его изменения. Всё. Как мы видим, он написал нам: "Готово". File index.html создан. Простой лендинг с верхним меню блоком один и блоком два. Давайте откроем нашу папку, которую мы создавали. Если что, она была полностью пустой. И как мы видим, он самостоятельно сделал нам файл index.html, добавил его в папку. И если мы кликнем на него правой кнопкой мыши, то можно открыть его, например, в том же Google Chrome, и это будет уже какой-то сайт. Таким образом, можно работать с код-кодом с помощью Visual Studio.
Установка для курсора выглядит точно так же. Вот мы открываем курсор. Как мы видим, у меня подписка Pro. Да, я крутой. Открываем проект. Давайте откроем ту же папку JJ. И вот так вот у нас как будто бы некрасиво выглядит интерфейс курсора, но можно на это забить. Кликаем здесь разрешить. Кликаем вот сюда, чтобы у нас открылся терминал. И здесь мы с вами будем работать с нашим код-кодом. Давайте сначала установим расширение. Кликаем на вот эту кнопку с расширениями. И опять же здесь вбиваем клод и находим вот это вот потрясающее расширение официальное от Antropic. Всё, оно у меня уже установлено, поэтому я не буду его удалять. Вы же установите, просто кликайте здесь кнопку install, и у вас оно установится. После того, как вы установили расширение, можно здесь вбить клод, и у вас откроется клод-код. Именно с помощью курсора мы с вами в этом видеоролике и будем его изучать. А вот здесь вот это интерфейс самого курсора. То есть тут я могу выбрать любую другую модель и работать с ней, но это уже курсор, а не клод-код. Когда я ещё работал на проподписке, я мог закончить, например, свой лимит на Pro. И пока у меня там возобновляется моя подписка, через 5 часов я работал вот здесь вот в курсоре. Давайте проверим, что у нас также здесь всё работает. Привет, бро, ты работаешь. Всё, как мы видим, он у нас работает.
Давайте сначала разберёмся с теми вещами, которые будут вам буквально всегда необходимы. Чтобы использовать какую-либо команду, мы здесь кликаем слш. Здесь есть список команд, вот такой большой-большой список команд. Первая команда, которую я хочу вам показать, она называется model. С помощью неё мы с вами можем поменять модель, которую мы будем использовать. Как мы видим, здесь у нас есть по дефолту Opus 4.6. Самая мощная, самая крутая модель. Здесь есть также опус на 1 млн контекста, но об этом чуть подробнее будет попозже. Sonet 4.6, Sonet 4.6 с 1 млн контекста. И самая их дешёвая модель - это Хайку. OPUS 4.6. На данный момент - это самая мощная модель, самая умная, самая точная, меньше всего багов, меньше всего ошибок. Короче, прям супер-пупер модель. Если вы имеете дело со сложной структурой, какую-нибудь сложную функцию реализовать надо или какую-нибудь ещё сложную задачу. то всё это надо делать через OPС. Если у вас подписка Макс и вы работаете над серьёзными проектами, то я бы рекомендовал всегда пользоваться OPUS и не переключаться на более слабые модели. Ну потому что смысла экономить токены у вас нет, а COД OPUS реально работает лучше любых моделей.
Почему же существуют тогда другие модели, если есть Clotд OPUS 4.6? Всё дело в том, что чем модель у нас жёстче, тем она жрёт больше токенов. Соответственно, из-за того, что Clotд OPUS более вдумчивый, более классный, более крутой, он при определённом запросе сжирает гораздо больше токенов, чем, например, тот же Clлод Sonet. Раньше Sнеet был прямо намного слабее, чем OPUS, но версия 4.6, которая вышла в феврале двадцать шестого года - это реально другой уровень Clotet. Он работает достаточно круто, при этом стоит гораздо меньше, чем тот же Clot OPUS. Ну и, соответственно, Sonet работает быстрее. То есть для каких-нибудь быстрых несложных задач Setт очень удобной штукой. Если у вас подписка Pro, то я бы не задумываясь всё делал через codд set. Ну только если Set совсем не справляется, можно переключиться на ClД opus и попросить его добить ту или иную функцию.
Теперь по поводу HK 4.5. Это самая лёгкая и самая дешёвая модель. Работает моментально, токенов расходуют минимально, но и возможности соответствующие. Её можно использовать прямо для работы с какими-нибудь дефолтными лёгкими задачами. Ну и в целом всё. То есть на неё точно не стоит вешать создание целого приложения.
Теперь про токены. Токен - это единица контекста, которую нейросеть обрабатывает за раз. Грубо говоря, для английского текста один токен равен примерно одному слову, но для русского языка токены, конечно, тратятся больше. На одно русское слово уходит два-три токена где-то. Поэтому, если вы пишете на русском, то лимиты будут расходоваться побыстрее. Все три модели используют так называемые thinking tokens. Это скрытые токены, в которых нейросеть рассуждает перед тем, как ответить вам. Опус по умолчанию думает глубже и тратит этих токенов больше, чем другая модель. Именно это делает его умнее, но именно из-за этого он расходует значительно больше токенов, чем sonet или Хайку. Соответственно, Sonet экономней, а Хайку совсем лёгкий.
Кстати, помимо выбора модели стрелками вверх-вниз, вот так вот, стрелками влево-вправо мы можем выбрать ему глубину размышления. То есть вот видите, например, мы сейчас находимся на код опусе. Я вот кликаю стрелку вправо и вот здесь вот ниже модели, видите, сейчас написано high effort, max effort, low effort, medium effort. Что это значит? По умолчанию OPUS 4.6 работает на среднем уровне медиум. Это оптимальный баланс. То есть он достаточно глубоко погрузится в материал, изучит тему, которую нам необходимо изучить, и выдаст нам какой-то результат. Ну, то есть он думает достаточно, но при этом не тормозит и не жрёт лишние токены. Для большинства задач, таких как написать функцию, исправить баг или ещё что-либо, этого будет прямо достаточно. Но иногда нам нужно, чтобы клод прямо реально вкопался. Допустим, вы проектируете сложную архитектуру с нуля или дебажите что-то сложное, где надо учесть сразу 10 зависимостей. Вот тут как раз-таки и пригождается наш максимальный уровень размышлений.
Если же вы не хотите менять какую-то глобальную настройку, то есть, например, настроить модель так, чтобы она отвечала всё время в режиме максимальной вовлечённости, а именно для какой-то конкретной задачи, то есть нам нужен один промт, который нейросеть обработает с максимальным уровнем вовлечённости. Что мы можем сделать? Во-первых, естественно, мы должны находиться на модели опуса, потому что на санет нет максимальной вовлечённости, есть только хай. Мы перед тем, как вбивать свой промт, вводим сюда слово. Вот видите, я вбил, и тут такая вот интересная, радужная штучка появилась. И сюда мы вписываем свой промт. Там, не знаю, проанализируй то-то, то-то, собери нам то-то, то-то. Сделай такую-то функцию. Создай то-то, то-то. Не знаю, что. ЛД-код на один запрос включает глубокое размышление, а после того, как выполнит этот промт, он вернётся на обычный уровень. Если что, мы можем переключиться на Sonet и также ввести сюда. Только видите, здесь у нас не максимальный уровень вовлечённости, а именно хай высокий. То есть в целом с помощью слова уultть уровень вовлечённости для любой модели. Только желательно не пихать вот этот ультрас ультра в каждый ваш запрос. Там, где не нужно глубокое размышление, лучше это не использовать. Чем глубже будет модель думать, тем дольше она будет отвечать и больше токенов тратить. Соответственно, зачем вам это надо, когда она на обычном уровне размышлений будет делать всё правильно? Итак, с этим мы разобрались. Давайте двигаться дальше.
Следующая команда - это двойной escape. Например, вы вбили сюда какой-нибудь длинный промт, и он вам нафиг не сдался. Вы хотите всё удалить и начать писать заново. Чтобы это сделать, просто два раза кликайте на escape, и у вас всё стирается. Если вы пытаетесь бэкспейсом всё стереть, то это будет как минимум долго, потому что он не будет вот так вот быстро стирать ваши слова. он будет всё по одному символу убирать. Также ESCA работает, когда вы хотите отменить ту команду, которую вы задали ему. Например, создай мне, пожалуйста, вторую страницу с какой-нибудь политикой конфиденциальности. Например, вы дали ему задачу. Я вот кликнул Enter, и он начал её выполнять. Чтобы её отменить, просто кликаем Escape. И, как мы видим, у нас задача отменена.
Также двойной escape поможет вам, если вы выполнили какую-нибудь команду, которую не хотели выполнять. Например, вот видите, я сделал здесь новую страницу. Давайте откроем индекс HTML в браузере. Опять посмотрим, как выглядит сейчас наш сайт. Кликаем здесь страничка о компании. И у нас появилась страница. Например, она нам нафиг не сдалась. Мы её зря сделали и хотим её удалить. Открываем нашкод. Вот, как вы видите, он тут создавал нашу страничку. Далее я кликаю здесь двойной escape и меня переносит вот сюда на команду Rewind или Revind, я не знаю, как она правильно произносится. Здесь мы можем откатиться на несколько промтов назад. Например, давайте откатимся на промт назад, чтобы отменить последние изменения, которые он внёс, то есть вот эту вот страницу новую о компании. Кликаем сюда, нажимаем Enter. Чтобы тотально всё удалить, то, что мы сделали в прошлом промте, мы здесь кликаем restore код и conversation. Это откатит и код, и сами файлы. Соответственно, файл должен удалиться с нашей папки, а код вернуться к изначальному варианту, который был до внесения этого промта. Restore conversation у нас откатит только историю нашего чата. Restд, соответственно, у нас откатит наш код к предыдущему варианту. Эта команда нужна, чтобы освободить контекстное окно, то есть оно ужмёт весь контекст, который был до этого. Об этом попозже будем рассказывать. А Nevermind - это, по сути, кнопка отмены, чтобы мы ничего не удаляли. Ну, давайте мы самый жёсткий вариант выберем. Restore code и conversation. Кликаем. И теперь у нас вот здесь вот в строке с вводом команд у нас наша предыдущая команда. Давайте её сотрём. Вот если что, в папке у нас удалился дополнительный файл, который был создан. И, соответственно, нейросеть, можно сказать, забыла про то, что выполняла тот провод.
Ещё одна удобная штука, чтобы быстрее стирать текст, но при этом не стирать его полностью - это сочетание Ctrl + W. Таким образом, вы будете удалять слово, которое находится слева от нашего курсора условного вот этого. И таким образом можно стирать текст чуть быстрее, чем если мы будем делать вот так. С помощью стрелок вверх-вниз вы будете откатываться к тем промтам, которые вводили до этого. Соответственно, вот мы начали с него. Стрелками вверх я дошёл до самого первого промта. Далее стрелка вниз - это наш второй промт. Это наш третий промт, четвёртый промт и так далее. И у нас вот тут будет сохраняться история наших промтов. Поэтому,
Если вы будете выполнять какое-нибудь цикличное действие, то можете использовать стрелочки, чтобы не вводить вашу команду заново.
Теперь давайте поговорим про одно из самых важных, как правильно давать задачи кд-код. В целом относится это не только кд-код, но и ко всем другим нейросетям, поэтому это будет для всех полезно. Даже если ты используешь самую классную топовую модель для кодинга, то при кривом запросе ты получишь кривой ответ.
Запрос, который вы вводите в клодкод, называется Prompt. Это просто текст на обычном человеческом языке. Никакого специального синтакса, никаких сложных технических команд. Просто пишите ему словами, что вы хотите получить, и клодкод вас понимает и начинает выполнение задачи.
Что важно понимать, клодкод, как и любая другая нейросеть, любит конкретику. Ей не нравится, когда вы льёте ей кучу воды, общаетесь с ней как-нибудь вальяжно. Самое лучшее, что вы можете сделать - это прямо и чётко попросить её выполнить ту или иную задачу.
Пример плохого промта. Бро, сделай мне какой-нибудь классный, прикольный, стильный молодёжный лендинг, посвящённый строительству. Никакой конкретики, ни хрена информации нет. Нейросеть вас вообще не поймёт, как любой другой специалист, если бы вы дали такую задачу. И, соответственно, вы получите то, что заслужили. Скорее всего, это будет дефолтный нейросетный сайт с очень плохим, корявым текстом и стандартными несложными блоками.
Вот уже более хороший промт. Создай одностраничный лендинг для студии веб-дизайна. Наверху шапка с логотипом и навигацией. Далее герой, секция с заголовком, под заголовком и кнопкой оставить заявку. Ниже блок с тремя карточками услуг. В самом низу футер с контактами. Использую React и Tail Wind. Цветовая гамма, тёмно-синий и белый.
Чувствуете разницу? Во втором случае-код чётко понимает то, что от него хотят.
Ещё один важный момент. Промпт - это не только текст. Вы можете добавлять ему побольше контекста с помощью фотографий, скриншотов и каких-нибудь вставок кода. Что я имею в виду? Давайте, например, откроем какой-нибудь сайт с референсами. Например, вот такой вот я открыл. Fotter.dдизаign называется. Вот в этом видеоролике про него рассказывал. Там, кстати, куча всего полезного помимо этого, поэтому можете перейти и ознакомиться. Короче, здесь давайте возьмём какой-нибудь референс футера и попробуем сделать его с помощью клодкода. Давайте, например, какой-нибудь вот такой вот беленький. Давайте сделаем скриншот, скопируем его и зайдём в наш курсор с кд-кодом и попросим его с помощью более качественного контекста сделать классный футер.
Чтобы скинуть ему наш референс, просто нажимаете здесь Ctrl V или Command V в зависимости от того, что у вас. Вот у меня MacBook, поэтому я нажал Command V. И вот здесь вот у меня отобразилось image 1. Это значит, что он у нас принял наш скриншот. Далее написал ему следующий промт. Изучи референс, который я тебе скинул во вложении, и сделай мне футер, который будет выглядеть точно так же, как я тебе скинул на скриншоте. Используй схожие линии, схожий шрифт и расположение текста на футере. Сделай его в таком же цвете. Пусть он будет выглядеть практически идентично референсу. Всё, вбили ему достаточно неплохой промт и кликаем Enter. Давайте здесь нажмём y и позволим ему вносить изменения без запросов.
Итак, курсор закончил нашу работу. Футер добавленный максимально повторяет референс. Описал, что вот сделал. Давайте посмотрим, что у нас получилось. Открываем наш индекс HTML через Google Chrome опять. И давайте посмотрим. Как мы видим, он действительно повторил наш референс и сделал его достаточно качественно и чётко. Напоминаю, что наш футер, который мы скинули ему в качестве референса, выглядел следующим образом. Ид-код сделал вот такой вот качественный, действительно схожий с референсом футер. Таким образом, с большим контекстом колод-код будет работать более качественно.
Теперь мне хочется поговорить с вами о такой теме, которая называется разрешение или же режимы безопасности. По умолчанию код-код работает в самом осторожном режиме. Он будет спрашивать разрешение практически на всё. Хочешь какой-то файл поменять? Он спросит, можно ли мне поменять файл. Захочет запустить какую-то команду, спросит разрешения на запуск команды. В целом, это хороший безопасный вариант, но через 10 минут вас будет утомлять постоянно кликать yes, yes, yes, yes.
Соответственно, вот этот вот режим, который, видите, фиолетовым подсвечивается accept edits on. Что это за режим? При работе этого режимад-код будет сам вносить правки в файлы. То есть он не будет задавать вам лишних вопросов и просто будет выполнять задачу. Но если ему нужно будет запустить бэш-команду какую-нибудь, например, установить какую-нибудь библиотеку, пакет или же запустить сервер, всё это команды, на которые всё равно требуется ваше разрешение. Это в целом логично. Одно дело поправить какую-нибудь строчку в коде, а другое дело запустить что-то в терминале.
И третий режим - это план мод. Это режим, в котором нейросеть не будет вносить никакие изменения в ваши файлы. То есть он создан для того, чтобы вы изучили, спланировали, обсудили с нейросетью какую-либо задачу. Например, вы хотите подключить какую-нибудь платёжную систему и не знаете, как это сделать. Для этого вам нужен как раз-таки планмод. Например, вы работаете в этом моде. Опять же, Shift Tab, мы переключаем наши режимы и вбиваю ему следующий промт. Например, помоги мне подключить платёжную систему каса. Составь пожавый план и поясняй мне простым и понятным языком, что мне надо сделать, чтобы реализовать эту платёжную систему на сайте. Вот. Нейросеть не будет вносить никаких изменений. Сначала всё с вами обсудит, разберётся, как это всё сделать, и выдаст вам пошаговый план.
Давайте, кстати, я вот нажму и покажу, что он будет делать. Как мы видим, он у нас составлял план, а затем решил задать нам несколько вопросов, чтобы мы более качественно составили наш план. Что именно ты хочешь продавать на сайте? Это влияет на форму оплаты. Нужна ли фиксированная цена или пользователь сам вводит сумму? Ну давайте пусть это будет фиксированный товар. У тебя уже есть аккаунт в Юкаси и ключи апии. Давайте сделаем вид, что у нас их нет, и подтвердим наши ответы. Кликаем submit answers.
Как мы видим, кодкод закончил наш план. Он изучил все наши файлы, которые есть в проекте, и составил согласно нашему проекту план по реализации Юкасы на сайте. Вот тут шаг первый, регистрация в Юкасе. Шаг второй, что надо изменить в коде и так далее.
Далее нейросеть предлагает кликнуть на один из следующих вариантов: Yes, clear context and after accept edits. Это значит выполнить план и очистить контекст и автоматически принимать все изменения без подтверждения. Скорее всего, вы будете нажимать именно на эту кнопку, вы будете подчищать контекст, опять же, об этом чуть подробнее попозже будет, и будете выполнять, условно говоря, весь план с чистого листа. Потом yes, after accept edits. Это значит выполнить план и автоматически принять все изменения, но контекст не очищается. Yes, manually approve edits. Выполнить план, но каждое изменение нужно будет подтверждать вручную. Это самый безопасный, но и самый геморройный вариант, потому что вам постоянно придётся давать ему разрешение. И четвёртое, type here to tell code what to change. Например, вам не понравился какой-либо пункт плана или вы хотите добавить ещё больше деталей, чтобы он составил более подробный и качественный план, вы сюда вбиваете свой запрос. Ну, то есть, например, а ты не учёл? Ну, там вбиваете, что он там не учёл, например. Кликайте здесь Enter, и он присоберёт вам план. Так, вот такая вот штука. Ну, давайте я отменю этот план. Давайте я вернусь. Restore cд conversation. Всё, не хочу этот план выполнять.
И есть ещё четвёртый режим. Когда он не будет от вас требовать никаких соглашений, просто будет выполнять задачу и ничего у вас не спрашивать. Чтобы это сделать, надо сначала выйти из нашего клода и зайти в него заново, но со следующей командой. Cl dangerously skip permissions. Кликаем enter. Здесь он у нас предупреждает, что-код включается вот в этом режиме. In bypass permission mode. CLД будет не спрашивать у тебя подтверждения перед тем, как выполнять потенциально опасные команды. Ну давайте рискнём здоровьем. Yes, I accept. И мы включили его режим, когда он у нас ничего не будет спрашивать. Он специально таким образом спрятан, чтобы вы не напортачили со своими файлами, случайно нажав не тот режим. В этом режиме клод будет делать всё без единого вопроса. И файлы правит, и команда запускает. Короче говоря, всё будет делать самостоятельно. Этот режим я рекомендую использовать только для несложных, коротких задач и если вы полностью доверяете колод-коду и понимаете, что он ничего вам не испортит.
Давайте попросим его создать какую-нибудь страницу. Создай мне, пожалуйста, ещё одну страницу о компании. По идее, сейчас он должен был запросить у нас разрешение на создание новой страницы, но, как мы видим, он у нас ничего не спросил и просто выполняет задачу самостоятельно. Вон удалил какую-то строчку в коде и в целом сделал страницу, как я понял. Давайте зайдём, посмотрим. Да, как можно заметить, здесь появился дополнительный HTML. Открываем опять же в Хроме и давайте кликнем о компании. И действительно, да, у нас появилась новая страница.
Всё, чтобы переключить этот режим, давайте нажмём Shift Tab. Теперь у нас, как вы видите, есть ещё и четвёртый режим.
И последний момент про разрешение - это настройка разрешений вручную. Звучит сложно, но на самом деле это всё элементарно просто. Смысл такой: вы ему прописываете один раз, что ему можно делать без подтверждения, а что нельзя. И это конкретно ускорит вашу работу, чтобы вы постоянно не кликали yes, yes, yes. Он будет выполнять определённые команды самостоятельно.
Давайте введём в код-код следующий запрос. Настрой разрешение для этого проекта. Разреши без спроса редактировать файлы и запускать гиit команды. Запрети удаление файлов и папок. Всё, кликаем Enter. И как мы видим, он собирается настроить у нас разрешение в файле clodstettings.jon. Для этого в папке проекта ему надо создать папку с клодом. Кликаем здесь yes. Теперь он хочет внести изменения в settings.jon. Давайте ему также подтвердим. Пусть он это сделает. И как мы видим, у нас в левой панели появилась новая директория, где находится файл settings.jonjson. Сейчас мы туда перейдём, и я покажу, что там находится. Всё, он написал, что всё готово. Давайте его посмотрим. В курсоре, как только вы кликаете на какой-нибудь файл, то вот здесь вот в середине открывается код данного файла. Что здесь написано? Permissions или же по-русски разрешение. У меня в settings. Сейчас находятся две секции. Первое - это allow, то, что клод делает без спроса, а именно edit, редактирование существующих файлов, write создание новых файлов, а также ш команды, которые связаны с гитом, но о них я расскажу чуть попозже. Дей - это то, что запрещено полностью. Клод даже не попытается это сделать. Это удаление файлов, это удаление папок. Вот это вот RM - это удаление папок. RM - это удаление файлов. А вот это RMF и RMR - это рекурсивное удаление. Это когда удаляется папка вместе со всем её содержимым. Все файлы, все вложения и так далее. А всё, что не попало ни в LAO, ни в ДIй, попадает в режим ask. То есть, если мы не прописали, запрещено это или разрешено, то Нейросеть будет запрашивать разрешение на выполнение той или иной задачи.
Итак, давайте попросим создать его новый файл контакты. HTML с простой страницей контактов. Кликаем Enter и проверим, что у нас он не будет запрашивать подтверждение на создание страницы. А, ну да, он у нас запросил разрешение, потому что я не вышел из код-кода. Давайте сначала перезайдём. Нажимаем здесь Ctrl C два раза. Также можно выйти. И давайте опять введём сюда клод, чтобы он перезашёл уже с пониманием того, какие разрешения ему доступны. И давайте ещё раз сделаем новый файл, контакты, чтобы появилась новая страница. Всё, файл контакты. HTML создан. Соответственно, он без нашего разрешения сам создал страницу контактов.
Теперь давайте проверим, работают ли у нас запрещающие команды. Давайте попросим: "Слушай, а можешь удалить страницу контактов?" Итак, как можно заметить, удаление файла было отклонено, потому что мы ввели сюда запрещающую команду с удалением файлов. С одной стороны, это, конечно, безопасно, но с другой стороны, ты теперь вообще не можешь даже сам, сам того желая, удалить те или иные файлы. Поэтому обычно я сюда не пишу никакие запрещающие команды, только те, которые разрешают. Давайте я вручную поменяю этот файл. Вот так вот сделаю. Уберу все запрещающие команды. Давайте перезайдём в клод и попросим его опять удалить страницу контактов. Итак, как мы видим, он у нас действительно запросил разрешение на удаление файла контакты. HTML. Ну давайте нажмём yes. Всё, как мы видим, он удалил файл и все элементы навигации на этот файл, которые были на главной странице. Всё чётко.
Также, кстати, помимо локальных разрешений, вы можете настроить глобальные разрешения. То есть вот этот файл settings.jonjson, он находится в папке clд, папке нашего проекта. Поэтому он действует только на этот проект. А мы можем сделать глобальные настройки. Например, если я вбил бы вот эту команду, создай глобальный файл настроек и запрети там удаление файлов и папок через RM и RMDР, то он бы сделал в нашей корневой папке клода settings. И в любом проекте клода эти разрешения действовали бы.
Так, по разрешениям вроде сказал всё, что хотел, поэтому давайте двигаться дальше. Давайте теперь более подробно пройдёмся по слэш-командам. Помимо тех, которые я уже вам показал, здесь есть ещё несколько полезных команд.
Первая полезная команда, которую важно знать, называется контекст. Что она делает? Давайте нажмём на неё и посмотрим, что у нас выйдет. Перед тем, как это анализировать, давайте проговорю несколько важных вещей. Сначала давайте обсудим, что такое контекстное окно. Контекстное окно - это, по сути, оперативная память Клод. Всё, что мы ему пишем, всё, что он нам пишет, все задачи, которые он выполняет, всё это нагружает наше контекстное окно. И у этого окна есть лимит, как вы уже поняли. Например, здесь я ввёл команду сконтекст, и у меня выдало, что наше контекстное окно заполнено на 17%, то есть уже 35.000 токенов у нас заполнены из 200.000 токенов. Чуть попозже я расскажу подробнее о контекстном окне. Сейчас что важно знать? То, что у нас есть контекстное окно, то, что оно занимает у нас 200.000 токенов в данной сессии, то есть оно имеет лимиты. то, что у нас заполняется контекстное окно, причём достаточно быстро, уже на 17% заполнили. Если бы у нас здесь уже было 50-60%, это знак того, что либо пора сменить сессию, то есть приступить к новому чату складкод, либо как-то ужать контекст в этой сессии.
Чтобы это сделать, мы можем вбить команду спаct. Вот так она выглядит. Мы её вбиваем, нажимаем Enter, и у нас ужимается контекстное окно. Давайте нажмём Enter и посмотрим, что будет. Так, он у нас закончил. Давайте опять в объём контекст и посмотрим на результат. И как мы видим, вместо 17% теперь тут 13%. Соответственно, мы можем дальше продолжать грузить наш-код в этой же сессии. Тут, конечно, ужалось не сильно много, но у нас в целом оно заполнено только на 17%. Если бы у нас было там где-нибудь процентов 50, то, я думаю, разница была бы гораздо больше.
Что у нас здесь есть ещё? Clear. Что такое Clear Conversation History and Freeup Context? Это полностью очищает ваше контекстное окно. Давайте нажмём на него. И, соответственно, теперь давайте скотекст и у нас здесь 8%. У нас здесь по дефолту забито контекстное окно несколькими файлами MCP. Об этом тоже чуть попозже скажу. В общем, сейчас у нас полностью удалён весь контекст, который был у этой сессии.
Если вбить сind, то это, по сути, то же самое, что если бы мы просто двойной escape нажали. То есть мы здесь можем, например, откатиться на промт назад или на два промта назад или на какое-то энное количество промтов назад. Вот. Ну, мы это с вами уже посмотрели.
СШ, например, мы можем посмотреть, какие у нас разрешения присутствуют. Вот, как вы видите, здесь есть разрешение BH edit и WR, которые вот здесь вот прописаны. Здесь мы, кстати, можем с вами добавить какое-то новое правило. Вот это то, что у нас разрешено, это то, что у нас спрашивать надо, это то, что у нас запрещено. Но тут, как мы видим, ничего нет. Кстати, здесь мы можем добавить директорию, где ещё эти разрешения будут использоваться. В общем, с помощью команды можно изучить разрешения, которые присутствуют в проекте.
Так, давайте нажмём Escape. Кстати, по поводу compact. Мы вбили с вами вот такое вот ко и не хотим дописывать вручную. Просто кликаем здесь Tab, и у нас автоматически заполняется команда. И вот здесь, видите, ещё написана какая-то непонятная штука. Optional custom summarization instruction. Здесь мы, например, можем ему сказать, чтобы он сохранил полностью информацию про ту или иную функцию. Вот. Чтобы нейросеть ни в коем случае никак не обрезала контекст, который нам очень нужен для понимания работы. Сохрани инфу о том-то, том-то и всё. Давайте нажму два раза escape, чтобы всё удалилось.
Что у нас там ещё есть из важного? Давайте, следующая команда - это сшдоктор. Что это такое? Если, например, код-код стал как-то странно работать или есть подозрение, что у него что-то не так работает, то просто кликаем Enter, и он проведёт диагностику. Всё ли установлено правильно, работает ли он как надо, всё ли функционирует и так далее. Как можно заметить, здесь всё нормально, все версии присутствуют, всё установлено, всё работает, поэтому можем нажать Enter и продолжить дальше. В целом, это основной пак команд, который я использую. Здесь есть ещё несколько важных команд, но чтобы про них рассказать, мне сначала надо вас погрузить конкретно в определённую тему. Этим мы сейчас и займёмся.
Теперь я хотел бы чуть подробнее остановиться на теме памяти и контекста клодкода. В клод-коде есть такая штука, такой markкdown файл, который называется clot.m. Что это такое? Clotд md - это файл, который clдкод читает автоматически в начале каждой сессии. Каждый раз, когда вы запускаете код в папке проекта, он сначала смотрит, есть ли тут файл clod.m. И если он есть, то он начинает его анализировать. По сути, это как инструкция для нового сотрудника. То есть в нём прописаны инструкции, которые важно знать клод коду перед тем, как приступать к работе. Без этого клод каждый раз стартует с нуля. Он не знает, на чём написан ваш проект, не знает, как запустить тесты, какой у вас стиль кода и так далее. вы будете каждую сессию объяснять ему одно и то же. Соответственно, clot.md - это важный полезный файл, который позволяет вам более качественно и быстро работать с код-код.
Как мы можем создать данный файл? Либо мы можем создать этот файл самостоятельно в корне проекта. То есть вот здесь создать новый файл, написать, нажать там clod.md md маленькими буквами и оставить здесь этот файл. Но можно сделать следующее. Кликаем здесь сш и нажимаем вот эту команду init, которая здесь была. Кликаем Enter, и у нас автоматически создастся наш clodД.md. Сейчас он заново проанализирует весь проект и пропишет всё, что вам надо в clД.md. Вот, как мы видим, в левой панели он нам сам создал файл и уже закончил, кстати, работу. Давайте посмотрим, что тут написано. Вот такой небольшой clд MD файл. Давайте его переведём. Он прописывает его на английском. В целом нам это даже выгоднее, потому что будет меньше токенов тратиться, когда он будет его изучать. Давайте вкинем в переводчик, посмотрим, что тут написано. Этот файл содержит инструкции для работы с кодом в этом репозитории через clД код. Статический HTML CSS для вымышленного бренда. Нет системы сборки, нет фреймворков, нет зависимости. Открываете HTML-файлы непосредственно в браузере или запускаете их с помощью любого статического файлового сервера. Ну, короче, здесь просто описана структура, условное обозначение, обзор проекта и в целом какая-то небольшая общая информация для клода. В целом, это хорошая стартовая точка, но я бы рекомендовал его немножко подредактировать руками. Ну или просто попросить клод-код поменять информацию в этом файле.
Что туда надо класть? Я бы перечислил четыре вещи. Первое - это какие-то определённые команды, как собрать проект, как запустить тесты и так далее. Это можно туда добавить, чтобы клод не гадал, как лучше здесь поступить. Второе - это структура проекта. Где лежат компоненты, где апи, где база данных и где утилиты. Буквально пару строк с путями, и код-код будет сразу ориентироваться в вашем проекте. Третье - это определённые правила. Например, называем файлы так-то, комитим файлы так-то, отвечаем мне на русском языке простым и понятным языком и так далее. И четвёртый момент - это какие-то важные, неочевидные нюансы, которые стоит знать лод-коду. Например, там мой модуль авторизации работает так-то. Подробности можешь изучить в том-то файле или, например, картинки у меня хранятся не локально, а там-то, там-то. Короче, туда можно поместить неочевидные вещи, которые кд-код не поймёт, просто прочитав ваш код.
Важный совет при заполнении clod.md. Чем короче, тем лучше. Это прямо важно. В идеале придерживаться где-то от 60 до 100 строк, потому что клод MD автоматически подгружается в контекстное окно в новой сессии. Во-первых, чем больше места он занимает, тем меньше остаётся для реальной работы. И что ещё хуже, когда инструкций становится слишком много, то клод будет хуже их выполнять. И не какие-то конкретные, а вообще все. То есть качество будет падать равномерно. Поэтому туда не надо пихать прямо всю вашу документацию. Пишите туда только то, что реально важно. Если он расположен в папке с вашим проектом, то, соответственно, этот клод MD будет действовать только на ваш проект. Если он расположен в общей папке клода, то он будет действовать на все проекты.
Что ещё здесь важно знать? Есть такая штука, которая называется Memory. Например, если вы поняли, что clД что-то не знает, и это надо добавить в markdown clot.md, MD, то мы можем здесь написать решётку и затем прописываем сюда так называемое правило, которое клоду надо запомнить. В этом проекте использую шрифт Arial для всех страниц. Также кликаем, и он сейчас это всё запомнит. Итак, мы это всё ввели. Давайте посмотрим. Clд MD. Открываем. И вот здесь вот, видите, написано шрифт Ariel для всех страниц. То, что мы его попросили запомнить. Соответственно, мы можем либо редактировать его вручную, этот клод MD, либо с помощью решётки вот этой вносить сюда какие-нибудь. Давайте здесь откроем вкладку Memory и посмотрим, что у нас здесь есть. Открываем здесь Project Memory. Открываем. И здесь у нас просто дублируется наш клод MD. Чтобы отсюда выйти, надо вбить двоеточие и букву Q. Всё, мы вышли обратно. Если что, первая вкладка клодм MD - это наш клод MD для всех проектов, то есть самый общий. Соответственно, Project Memory - это как раз-таки MD для конкретно нашего проекта одного. User memory - это плюс-минус то же самое, что и первый клод MD, то есть это как бы глобальный файл, куда записываются все наши мемоory. Это моя личная память как пользователя, можно так сказать. И здесь ещё есть четвёртый пункт, который называется автомеory или же автоматическая память. Смысл такой: вы работаете с клодкод, исправляете какие-либо ошибки, объясняете ему, как всё у вас устроено, и Клод начинает потихонечку это всё запоминать. Он записывает туда не всё подряд, он сам решает, что туда сохранить. Вам здесь ничего не надо включать, это работает по умолчанию. Если мы кликнем здесь Open After Memory Folder, то нас перенесёт в папку, где вот тут есть папка, видите, memory.m. Давайте откроем. И вот здесь вот, видите, есть язык комментариев в коде. всегда писать на русском языке. Он это запомнил и вынес это сюда. Важный совет периодически заглядывать в ваши мемоor, потому что проекты меняются, соответственно, какие-то предпочтения или какие-то мемори могут устаревать, а из-за того, что кд-код их считывает, то, соответственно, он будет их выполнять и портить вам вашу структуру новую. Поэтому рекомендуется периодически перепроверять, что у вас там написано, и исправлять в случае необходимости.
Теперь подробнее поговорим про контекстное окно, как оно работает. Это важная штука, которую обязательно нужно понимать. Если вы не будете это понимать, то вы будете натыкаться на странные проблемы. Как, например, вот вы переписываетесь с Клодом, обсуждаете какие-то задачи, и вдруг бац, и он резко почему-то отупел. Контекстное окно - это рабочая память клодкод. Всё, что клод знает в вашей текущей сессии, всё это захломляет ваше контекстное окно. Все промты, которые вводите вы, все ответы от него, все задачи, которые он решает, всё-всё-всё нагружает ваше контекстное окно. У OPUS 4.6 и Sonet 4.6 стандартный размер 200.000 токенов контекстного окна. Одно английское слово примерно равняется одному токену, одно русское слово примерно два-три токена, грубо говоря. Соответственно, как будто бы 200.000 токенов звучит много, но на деле это на самом деле не так много. Объясняю, почему. Каждый раз, когда вы отправляете клод новое сообщение, он получает не просто это новое сообщение, а заново получает всю историю переписки, которая была до этого. Соответственно, мы вбиваем ему первый промт, он отправляет только его. Отправляем ему второй промт, он отправляет сумму первого и второй. Отправляем третий, он отправляет первый, второй и третий. И так далее. Чем дольше идёт наш разговор, тем больше токенов Клод тратит на обработку нашего нового.
запроса, потому что он подхватывает всю прошлую переписку, которая была до этого. Поэтому длинные сессии - это плохо и по лимиту, и по качеству. Потому что когда у вас там огромное полотно промтов, то, как правило, нейросеть теряется между ними. Что-то забывает, что-то не забывает. Короче говоря, он может прямо хуже начать работать.
Соответственно, как я говорил ранее, необходимо следить за тем, насколько сильно заполнено ваше контекстное окно, и периодически вводить команду с компаct, чтобы сжимать это самое контекстное окно, или периодически менять сессию. Например, вы работаете над какой-то большой функцией, закончили её в одной сессии, я бы рекомендовал переходить в новую сессию, чтобы выполнять новые функции, потому что при выполнении другой функции нет смысла тащить в неё информацию по старой функции. Ну, если там реально нет смысла и они никак не связаны. Короче говоря, лучше соблюдать правила. Одна задача, одна сессия.
Кстати говоря, правила сжатия можно упомянуть прямо в клод MD. Например, когда мы вбиваем ему команду с компаct, он особо не думая просто сжимает ваше контекстное окно. А если вы пропишете вд MD, например, при сжатии контекстного окна, условно сохраняя информацию о таких-то таких-то функциях, то при компакте, соответственно, наш клод будет учитывать эту заметку.
Кстати, ещё один лайфхак, как можно ужать ваше контекстное окно. Давайте сейчас посмотрим, сколько у нас оно занимает. Оно занимает 36.000 токенов. Давайте теперь, знаете, как сделаем? Нажмём двойной escape и откатимся. Допустим, мы с вами выполняли какую-то большую функцию, потратили кучу контекстного окна на это всё. И давайте, например, вот отсюда кликнем вот сюда. И вот здесь выбираем вместо restore cД и conversation просто restore conversation. Это просто откатит историю чата, при этом никак не затронув файлы, которые мы исправили, то есть наш код. Также здесь можно нажать кнопку summarize from here. Что это значит? Это значит, что от этой точки и дальше всё будет ужиматься в короткую выжимку, а всё, что до неё, останется, как было. Короче говоря, это также освобождает наше контекстное окно. Давайте нажмём, например, restore conversation и посмотрим, что у нас там по контексту. Файлы у нас все сохранились, ничего не поменялось. Кликаем контекст. И у нас 8% опять, как было в самом начале. При этом все изменения в коде у нас сохранились.
Следующая тема, которую мы будем с вами обсуждать, это Git и контроль версий. Если вы хоть немного работаете с кодом, Git вам нужен обязательно. Git - это система контроля версий. Если переводить на русский язык, то с помощью гита вы будете сохранять версии вашего проекта. Это как в компьютерной игре. Дошли до определённого уровня, сохранились. Если в дальнейшем вы всё просрали, то вы можете вернуться к этому сохранению. Только в плане кода это называется не сохранение, а комит. Все версии вашего проекта будут храниться в теме, которая называется репозиторий. А этот репозиторий будет находиться на Гитхабе. Соответственно, GitHub - это облачный сервис, на котором хранятся все версии вашего проекта. Если что, эта штука абсолютно бесплатная. И опять же, если вы не знаете, что это такое, то ссылка будет в описании.
Но вы меня спросите, зачем это надо при работе с клодко? Неужели это так важно? Ведь если мы, например, откатимся на промпт назад, то у нас всё вернётся к тому, с чего мы, так сказать, начали. Клод, как и любая другая нейросеть, имеет свойство иногда ошибаться. Он может неправильно отредактировать целую кучу файлов. Да, мы, конечно же, говорили с вами про откаты, про чекпоинты, но это всё работает только в одной сессии. Соответственно, если ваша сессия накроется, вы её там случайно закрыли или что-нибудь вылетело, то вы уже никак не сможете в новой сессии откатиться к предыдущим версиям. Для этого всего, собственно говоря, нам и нужен GitHub.
Сайт Гитхаба выглядит следующим образом. Ссылка будет в описании. Здесь вы просто регистрируйтесь и по факту вам больше ничего и не надо будет. Давайте я здесь войду, вы здесь зарегистрируйтесь. Тут ничего сложного нет. Давайте создадим здесь новый репозиторий. Кликаем здесь new. Давайте назовём его как-нибудь ключ пофиг, как здесь тоже неважно. Давайте сделаем его приватным, чтобы наши файлы никто не мог стащить. И здесь нажимаем creating repository. Всё, наш репозиторий создан. Ссылка на него, вот она.
Соответственно, что мы делаем далее? Для того, чтобы запушить изменения в GitHub репозиторий или если по-русски сохранить в GitHub версию нашего проекта, мы вставляем следующий промт: "Инициализируй Git в этом проекте и подключи удалённый репозиторий". Давайте я скопирую отсюда ссылку и вставлю вот сюда. Потом запуш всё на GitHub. Запушить - это, по-русски говоря, закинуть все наши файлы в GitHub репозиторий. Поехали. Всё. Как мы видим, GitHub сам начал это всё делать, и он нам написал следующее: "Готово, всё запушено на наш репозиторий в ветку main. Давайте зайдём в наш репозиторий. Для этого можем прямо отсюда скопировать ссылку или же нажать Command или Ctrl, если у вас Windows, и нажать левой кнопкой мыши. Итак, как только мы зайдём в наш репозиторий, мы можем заметить, что у нас появился здесь наш файл clotmd about html и index.ht hhtht html. Соответственно, файлы нашего проекта перенеслись в GitHub репозиторий.
Следующая тема, которую мы с вами будем обсуждать, называется MCP или же model context Protocol. Что это такое и как этим пользоваться? Я вот через нейросеть попытался какую-то простую аналогию найти. Она мне выдала следующее: представьте себе обычную розетку на стене. В розетку можно воткнуть чайник, лампу, зарядку, всё, что угодно. Воткнул, работает. Вытащил, не работает. MCP - это та самая розетка длякод. По умолчанию клод-код видит только файлы вашего компьютера и может работать в терминале. Он не умеет открывать браузер, не имеет доступа к базам данных и так далее. Но стоит воткнуть в розетку тот самый MCP-сервер, идко получает новую суперспособность. Подключил MCP для базы данных, имеешь возможность работать напрямую с базой данных. Подключил MCP для браузера, имеешь возможность работать в браузере, делать скриншоты, проверять что-то и так далее.
Я бы на вашем месте сразу скачал два популярных MCP. Первый MCP называется Context 7. Что он делает? Котек 7 решает очень конкретную проблему. Клод-код обучен до определённой даты, и его знания о фреймворках могут устареть. Контекст 7 будет подтягивать актуальную документацию прямо в контекст. Это очень важная штука, если вы хотите работать с актуальными фреймворками. Давайте попробуем вручную попросить его установить mcp server context 7. Подключи mcp server context 7. Кликаем Enter. Посмотрим, сработает ли. Итак, что у нас пишет? Context 7 - это MCP-сервер от Upstash для получения актуальной документации библиотек. Всё верно. Давайте сделаем здесь yes and on ask again for. Кликаем кнопочку и пусть clд-код сам всё установит за нас. Итак, он у нас пишет, что Context 7 MCP успешно подключён. Конфигурация сохранена в clod.jonjson. Только единственное уточнение то, что я его сначала установил чисто для одного проекта, а он нужен мне для всех проектов. Поэтому я ему написал, чтобы он установил его глобально на мой компьютер. Вот он попросил перезапустить код-код. Давайте просто откроем новое окно, вобьём здесь клод и проверим, работает ли он. Здорово. Покажись в камеру. Это вот кошка моя, кстати, оливка. Пару слов. Давайте здесь кликнем слш и выберем команду mcp. И как можно заметить, у нас вот здесь вот в user MCPs появилось Contex 7. Это наше то самое MCP. Ещё раз напоминаю, как оно работает. Оно подтягивает актуальную документацию по фреймворкам. Можно, например, сюда вбить, наверное, что-нибудь вот такое. Используя context 7, найди актуальную документацию по Tailwind CSS и добавь стили на страницу. Конечно, наглядно продемонстрировать, как используется context 7, не очень удобно. Так, здесь он собирается применять наш контекст 7. Давайте кликнем yes. Здесь также кликаем yes. Клод написал, что всё готово. Вот что было сделано. Подключение Tailwind. Добавлен скрипт. Никакого билдшага не нужно. Что перенесено на Tailwind-классы? Короче говоря, он проанализировал актуальную документацию по Tailwin CSS и внёс некоторые изменения в нашей странице.
Ещё один полезный MCP, который можно продемонстрировать чуть более наглядно, называется Playwright MCP. Что это такое? Условно говоря, это как глаза для ClДкоcд. Он позволит клод-коду открывать браузер, делать скриншоты, изучать какие-то ошибки, возможно, в той же самой вёрстке. То есть он будет, условно говоря, сжимать в браузере страничку и смотреть, всё ли там выровнено, всё ли там чётко, нет ли никаких проблем с вёрсткой. Это как один из вариантов применения. Также с помощью данной штучки код сможет кликать на элементы и проверять их активность. Собственно говоря, этот MCP идеален для автоматического тестирования UI. Давайте теперь его установим. Установи также глобально на мой компьютер. Playri MCP. Вбили ему следующую команду и ждём, пока он его установит. Всё, не прошло и 10 секунд. Playрай установлен. Вся эта штука устанавливается достаточно быстро. Давайте перезапустим Ctrl C. Ctrl C и заново клод. Давайте теперь посмотрим. СMCP. И как мы видим, у нас появился PlayR. Давайте вобьём сюда какой-нибудь вот такой вот промтик. Используя Playri, открой индекс HTML на мобильном экране и на десктопе. Сделай скриншоты, проанализируй их и скажи, что можно улучшить в вёрстке. Кликаем Enter. Так, здесь соглашаемся, применяем MCP. И видите, он самостоятельно открыл окно браузера и сейчас будет работать с браузером. Здесь также даём ему согласиеes. Дальше жмём yes. И мы видим, как он у нас сейчас работает с нашими разрешениями. Как мы видим, у нас здесь верхнее меню коряво работает. Надеюсь, что он это заметит и нам напишет. В левой панели можно заметить, как он сохранил скриншоты мобильной версии и десктопной версии. Давайте их посмотрим. Ну вот, видите, он у нас сохранил мобильную версию с плохим верхним меню, а также десктопную версию. Вот она. Кстати говоря, он сделал полный скриншот страницы. Видите? Круто. Итак, что же нам написал наш кд-код? Дисктоп Hero. Огромная пустая зона. Ля-ля-ля. Давайте здесь посмотрим. Mobile, навигация, критическая проблема. Нет адаптации для мобильного, ссылки не помещаются в одну строку, а компании переносится на вторую строку, возможности обрезается. Нуженбургер меню или скрытие ссылок на мобиле. Чётко. То есть он сделал скриншот, увидел косяки, проанализировал их, написал сюда. Соответственно, если мы сейчас нажмём ему да исправляй, то он внесёт все изменения и, соответственно, у нас с вёрсткой не будет никаких проблем. Но давайте на это тратить время я сейчас не буду. Главное, что он осознал, какие ошибки у нас есть при вёрстке. И если мы нажмём да, то он с лёгкостью их исправит. А даже если не исправит, он воспользуется Playgite MCP сделать скриншот, понял, что он обделался, и ещё раз исправит те ошибки, которые не смог исправить сразу. Такая вот удобная штука.
Помимо этих MCP также можно скачать MCP, который называется Superbase MCP и Postgay SQL MCP. С помощью данных MCP мы с вами сможем напрямую работать с базой данных Superbase. CLД-код может самостоятельно писать SQL-запросы, смотреть схемы таблиц, а также анализировать данные. Как мне кажется, это достаточно удобная штука. Давайте я просто их установлю, чтобы показать вам, что они реально существуют. Но на практике показывать в этом видеоролике я это не буду, потому что это займёт достаточно много времени. Так, здесь кликаем yes. Здесь кликаем yes. Итак, после наших команд clД-код написал, что оба сервера установлены корректно в Usercope, то есть глобально. Что установлено? Supase MCP и Postgra SQL MCP. Давайте перезапустим и проверим, что они у нас действительно стоят. Перезапускаем. И давайте здесь нажмём с MCP postgess Superbase. Всё есть. Только для superbase нужна ещё аутентификация. Ну, это и логично в целом. Также есть ещё Фигма MCP- это мост между дизайном и кодом, можно сказать. То есть-код может взять макет из Фигма и превратить его в реальные компоненты, где можно найти актуальные MCP серверы. Для этого можно зайти вот в этот GitHub репозиторий, ссылка на него будет в описании. И вот здесь вот будет актуальный список из кучи MCP, который можно использовать с клод-кодом.
Есть ещё второй тип MCP - это удалённые серверы. Они работают в облаке. и вы подключаетесь к ним по ссылке. Для них нужно указать транспор HTTP. А если сервер требует авторизацию, а большинство облачных серверов его требуют, то надо ещё добавить заголовок с токеном. Но опять же, я не собираюсь вас грузить этой информацией, потому что вы можете просто написать в клодко код: "Подключи мне тот или иной MCP". И если это удалённый сервер, то он просто даст вам инструкции, что надо делать, чтобы подключить тот или иной MCP. Поэтому не грузите себя лишней информацией, доверьте этот вопрос клод-коду. Если вы по какой-то причине захотели удалить какой-нибудь лишний MCP, то напишите об этом в клод-код, и он всё сделает самостоятельно. Опять же, тут никаких сложностей нет. CLД-код прекрасно с этим работает и понимает, что надо делать.
Отдельно хочу выделить clotд in Chrome. Это расширение для браузера Chrome от самой Antropic. Что оно умеет в связке с ClД CД? Да, практически всё то, что вы сами можете сделать в браузере. Про это расширение я более подробно рассказал вот в этом видеоролике. Там я затронул clotд cво, ещё один инструмент отклод, который позволяет неразработчикам создавать различного рода автоматизации. Очень полезная штука для некоторых, поэтому перейдите и ознакомьтесь. Но тут давайте так мельком пробежимся, чтобы эта штука у нас работала. Во-первых, она работает только в браузере Chrome. Во-вторых, нам надо скачать расширение, которое называется Clot in Chrome. Для этого пишем расширение ClД и переходим по первой же ссылке. Не пугайтесь такому низкому рейтингу. Это официальное расширение от Antropic. Просто его устанавливайте, и у вас вот здесь в панели появится иконка клода. Вот видите, при клике на клод у меня открылась вот эта штука. Здесь мне надо войти в мой аккаунт. Кликаем авторизация. И вроде как всё. Давайте проверим. Да. Теперь у меня всё работает. Так как у меня подписка Max, у меня здесь доступен Opus 4.6, Sonet 4.6 и Haйку 4.5. Насколько я помню, на подписке Pro доступ есть только к Хайку 4.5 у этого расширения. Давайте дадим кд-коду какую-нибудь небольшую задачу. Для этого пишем сш, а здесь Chrome. И вот так вот выбираем. Давайте здесь перейдём на вкладку Enabled by Default. Кликнем здесь Enter, чтобы у нас здесь появилось yes. После этого кликаем escape. Выходим отсюда и давайте просто напишем ему, например, вот такой вот лёгкий промт. А можешь зайти на сайт, который называется LM Arena, выбрать Direct режим и сгенерировать там изображение с помощью нейросети от чата GPT. Например, пусть это будет колобок. Посмотрим, получится ли у него вот такая задача. Кликаем Enter и посмотрим, сработает ли. Опять же, я ничего не тыкаю, он всё делает самостоятельно. Надо позволить ему зайти на сайт lmреa. Ну, кликаем кнопку позволить. Он переходит на сайт. Кстати говоря, кто не знает, lm Arena - это сервис, с помощью которого можно генерировать изображение абсолютно бесплатно. Я в нескольких роликах уже его упоминал, поэтому те, кто не знал, ознакомьтесь. Так, у меня всё сбилось, потому что память на телефоне переполнена. Черезчур много я записываю уже с 9:00 утра. И сейчас уже почти 5:00 вечера. Давайте здесь позволим ему всегда действия на этом сайте. Кликаем вот сюда и смотрим, что он будет делать. Пока что он находится в режиме Battle Mode. Это можно увидеть в левом верхнем углу. Сейчас он должен переключиться на directчат. Так, видите, вот мои руки, он сам что-то там тыкает. Вот тут оранжевая подсвечивается, значит, это клод работает. Пока он это делает, я пойду пооджимаюсь, потому что я уже, честно говоря, засиделся. Вы тут никуда не уходите. У этой штуки есть такая проблема, что он достаточно медленно работает. Но если вы уходите куда-нибудь условно пообедать и оставили эту задачу для Клода, то, я думаю, он с этим справится. Сейчас я отдышусь. Кстати, видите, пока я дышу, он тут промт накатал уже. Кстати, он выбрал нужную нейросеть, выбрал режим сгенерировать изображение и вёл нужный промт. Круто. Всё, как мы видим, он запустил генерацию нужного нам изображения. GPT обычно быстро генерирует изображение, не так качественно, как нано банана, но всё же. И как мы видим, наш колобок действительно сгенерирован. Так, я же больше его ничего не просил. Я уже забыл, что я там делал. Так, как мы видим, он тут делает скриншоты. Всё, как мы видим, он написал нам, что всё готово. И всё действительно готово. Мы это всё видели в прямом эфире. Короче говоря, с помощью этой штуки можно работать с вашим браузером.
Теперь хотелось бы кратко сказать вам о влиянии MCP на контекстное окно. Это ловушка, в которую могут попасть практически все новички. Каждый подключённый MCP сервер загружает описание всех своих инструментов в наше контекстное окно, даже если вы ни одним из них не будете пользоваться. Просто факт того, что сервер подключён, уже съедает наши токены. Соответственно, если у вас будет большая куча подключённых MCP, то у вас, соответственно, будут очень быстро сжираться ваши токены. Были реальные случаи, когда пользователи подключали огромное количество MCP серверов и теряли сразу 50-70% контекстного окна. Но тут есть хорошая новость. В январе 2026 года Antropic выпустила MCP Tool Search. Это система ленивой загрузки инструментов. Как это работает? Когда описание всех MCP инструментов загружают более 10% контекстного окна, клодкод не будет загружать их все сразу. Вместо этого он сделает лёгкий индекс, просто название и краткое описание. И когда ему реально будет нужен этот инструмент, он найдёт его по этому индексу и загрузит только его. По данным Anтроopic, это снижает расход токенов на 85%. Если что, Tool search включается автоматически, ничего встраивать не надо, он просто работает. Но даже Tool Search есть несколько правил, которых стоит придерживаться, чтобы сэкономить ваши заветные токены. Правило номер один. Подключайте только те MCP, которые нужны прямо сейчас. Работаете с базой данных, подключите MCP Subase. Не работаете, отключите этот MCP. Давайте здесь нажмём/MCP. Как же отключить те MCP, которые не нужны нам в проекте? Заходим, например, на Postgre MCP, кликаем Enter. И вот здесь есть три варианта на выбор: Reconnect, View tools и disable. И вот это disable - это то, что нам надо. Кликаем enter. И мы видим, что у нас Postgress теперь disabled, что значит, что он не нагружает контекстное окно. Кликаем Enter и возвращаемся обратно. И обязательно проверяйте расход токенов. Если вы перегрузите ваше контекстное окно, то опять же кд-код будет жёстко тупить и, возможно, неправильно считывать определённые инструкции.
Следующая тема затронет кастомные команды, скилы и плагины. Мы начнём в порядке возрастания с кастомных слэш-команд. Суть такая: вы создаёте собственную слэш-команду один раз и потом вызываете её одним словом. Нажимаете слш и ваша команда появляется в том же списке, где были встроенные команды. Как это устроено? Вы создаёте новый Markуфайл с инструкцией и помещаете её в папку/conss в вашем проекте. Имя вашего файла - это имя команды. Положили review. Появилось с/review. Внутри файла находится просто текст с описанием вашей команды. То есть, что клод должен делать, когда вы вызываете данную команду. Создать кастомную команду можно двумя способами. Первый способ - это, разумеется, всё сделать вручную. Создать Markdown файл, засунуть его в папку команды, чтобы, собственно говоря, клод понимал, что это за markкdдаун, и туда написать описание вашей команды. Но мы, естественно, будем пользоваться вторым способом - это просто написать вд-код, какую команду нам надо создать. Давайте здесь введём следующий промт. Создай кастомную сшкоманду/review в папке clotcommandonsreview.md со следующим содержимом. Проведи код review последних изменений в проекте. Проверь безопасность, производительность, читаемость. Выведи результат в формате, что хорошо, что исправить, что критично. Всё. Как мы видим, он потратил у секунд 10, наверное, и сделал нам нашу кастомную команду. Если что, не обязательно писать так подробно. Я просто через нейронку это сгенерил. И да, у нас вот тут вот действительно в левой панели видите clot commandsreview.md. У нас действительно появилось наше review. Кликаем tab, чтобы он продолжил писать. И давай просто попробуем кликнуть Enter. Так, здесь кликаем yes. Ну и, короче говоря, он начал свою работу. Видите, мы просто вбили слэш, выбрали нашу кастомную команду, и он начал сам с ней работать. Всё, видите, вот он ответил нам, короче, написал, что критичное, что некритично и так далее. всё, что мы прописали ему вот здесь в Markдау файле.
Как это можно использовать? Например, вы добивались долго от нейросети какой-нибудь реализации функции, например. Она там постоянно ошибалась, вы её наводили, поправляли, и в конечном итоге у вас появилась классная готовая функция. Если вы планируете в дальнейшем использовать тот же ход действий, чтобы реализовать функцию, то необходимо будет записать это в кастомную команду. Вы можете написать лод-коду следующий промт: "Возьми весь наш ход действий". И чтобы реализовать данную функцию, и запиши его в кастомную команду с/function, например. И в дальнейшем, когда я захочу реализовать схожий функционал, я просто вызову эту команду, и ты сразу поймёшь, что тебе надо сделать. Вот что-то в таком формате. Таким образом, вам не придётся заново повторять этот цикл действий, чтобы реализовать данную функцию. Вы просто вызовете необходимую команду, пропишите ему, что ему надо сделать, и он сразу поймёт, что ему надо делать. Это очень сильно может ускорить вашу работу.
Где хранить данные кастомные команды? У нас есть два уровня. Первое - это папка нашего проекта. Это вот здесь, соответственно, у нас папка точка clot, потом commands и вот здесь вот Markdown файлы. Это конкретно команды, которые используются только в этом проекте. Соответственно, если вы перейдёте в какой-то другой проект, в другую папку, то этих команд у вас, естественно, не будет. Но помимо этого вы можете их сделать также глобальными, как я уже раньше описывал. Просто берёте и прописываете к лоду то, что вы хотите сделать глобальную команду, которая будет доступна во всех проектах. В чём плюсы таких кастомных команд? Одним из плюсов кастомных команд также является то, что они практически не жрут ваши токены, то есть они просто лежат в папке как файлы. В контекст будет загружаться только та команда, которую ты вызвал, и только в момент вызова. Так что вы можете создать хоть 200 кастомных команд, это никак не повлияет на ваше контекстное окно.
И ещё один важный момент - это скилы. Skills. Вы наверняка слышали эту штуку, если интересовались клод-кодом. Скилы - это, по сути, эволюция кастомных команд. С недавнего обновления команды и скилы - это одна и та же система. Старые файлы в clot/conss работают также, но есть теперь новый путь. Clot/skills. В чём разница? У Skills есть заголовок с описанием, и благодаря этому клод может вызвать необходимый скилл, если он ему понадобится. То есть кастомную команду мы вызываем, сами прописав слш и название нашей команды. А скил клод-код будет подтягивать самостоятельно, исходя из описания и заголовка данного скила. Соответственно, вместо кастомной команды можно использовать скил. Это даже лучше и удобнее. Скил - это записанная инструкция, которую вы написали один раз, и теперь код может использовать её тогда, когда она ему понадобится. Без скилов клодкод - это просто умный чат. Со скилами клод-код превращается в систему, которая разбирается в вашем бизнесе, помнит ваши процессы и всегда точно и одинаково их выполняет.
Всего существует два типа скилов, и важно понимать разницу. Первый тип называется Capability Upfield или же прокачка возможностей. Это скилы, которые учат Клодкод делать что-то лучше, чем он умеет по умолчанию. Например, скилл для создания красивых фронт-энд интерфейсов или скилл для работы с PDF, Excel и так далее. Но у таких скилов есть одна особенность. У них есть условная дата выхода на пенсию. То есть, скорее всего, в какой-то момент код-код настолько прокачается, что будет классно выполнять данные функции. И, соответственно, данный скилл в дальнейшем перестанет быть актуальным. Второй тип скилов называется encoded preferences. Preferences, не знаю, как правильно. Короче, называется закодированные предпочтения. Это конкретно ваши специфические процессы. Стиль написания текстов, процесс ревью договоров, контент-стратегия, брендгайды, онбординг новых клиентов и тому подобное. Модель никогда не сможет узнать ваши предпочтения, пока вы ей о них не расскажете. Такие скилы никогда не устареют, потому что это не технология, а это именно ваш стиль. Мой совет такой: фокусируйтесь на скилах, которые являются именно закодированными предпочтениями, потому что именно они приносят максимум ценности и при этом не устареваются временем. А технических скилов на самом деле достаточно много, которые уже готовы, и они реально круто повышают качество работы.
Скил состоит из двух частей. Первая часть по крутому называется Yamel Front Matter. Это так называемая шапка файла. В ней всего два обязательных поля: nameйм - имя файла, и description- его описание. Имя мы прописываем до 64 символов, описание до 10. 1024 символов. Пример скила вы можете видеть сейчас на экране где-нибудь. Ну, мы сейчас в любом случае будем их применять. Скил лежит в своей папке. Помимо данного скила, там могут лежать ещё другие файлы, например, какие-то шаблоны, изображения, шрифты, логотипы, короче, всё то, что необходимо для работы данного скила. Не стоит пихать в скил всю информацию. Официальная рекомендация держать скилл где-то до 500 строк максимум. Скилы также у нас делятся на проектные и персональные, которые
будут использоваться во всех наших проектах. Собственно говоря, хватит трендеть, давайте поработаем и создадим собственный скилл. Как его, собственно говоря, лучше всего сделать? Так же, как и кастомную команду. Сначала вы проделаете с ним какой-то определённый путь, добейтесь определённого результата, например, какой-нибудь функции и затем попросите кд-код написать это в скил.
Этот подход спасает от типичной ошибки. Люди создают какой-то скилл для задачи, никак его не проверяют, например, там скилл, который проверяет код. Вы просто это ему прописываете, но по факту он работает плохо. Сначала надо всё проверить, а потом уже автоматизировать с помощью скилов.
Давайте здесь введём следующий промт. Создай скилл, который проверяет все HTML-файлы в проекте на соответствие нашему стилю. Шрифт Ariel, цвет акцента, такой-то текст на русском языке. Кликаем Enter. Кстати, только сейчас заметил, что я Sнеet не переключил на опус. Ну, я думаю, что ничего страшного.
Так, как мы видим, он у нас сделал наш скилл. Только почему-то он его засунул в кастомную команду, а это у нас неправильно. Поэтому давайте вот так вот перепишем. Перенеси команду Checkstyle из Clod Commands в skill. Создай папку Skills с файлом skill.md. Добавь ямо заголовок с описанием, чтобы клод автоматически использовал этот skill при работе с HTML-файлами. Кликаем Enter. И надеюсь, что он его с первого раза перепишет.
Итак, как мы видим, он создал новую директорию, назвал её Skills, что, собственно говоря, и надо было сделать. Так, здесь опять же нажимаем yes, чтобы он удалил команду лишнюю из кастомных команд. Итак, давайте посмотрим, что он сделал. Готово. Структура. Что изменилось по сравнению с командой? Он добавил яam заголовок с description читает его и автоактивирует скил, когда пользователь редактирует HTML-файлы или спрашивает про шрифты, цвета, стиля. Ну, короче говоря, наш скилл создался. Давайте на него посмотрим. Вот так он выглядит. Видите? Name, check style, description. Проверяет HTML-файлы проекта на соответствие стилю.
Также ниже здесь есть список инструментов, которые skill может использовать. Тут, как мы видим, он может read, Grab и Glob. Что это значит? Read - это читать файлы. Grab - это искать текст внутри файлов, а GLOB - это искать файлы по имени или расширению. Если не указать то, что может делать данный скилл, то скил может использовать всё подряд, что для некоторых случаев очень даже не подойдёт. Соответственно, данный скилл не вносит никаких изменений в наши файлы, он только проверяет, а вносить изменения уже будет сам клод-код.
Давайте теперь попробуем протестировать наш скилл. Я написал вот такой вот промт. Создай новую страницу сервиса с. hhtml с услугами компании и проверь, что она соответствует стилю проекта. Кликаем Enter. И, по идее, без моей наводки клодкод должен самостоятельно использовать скил, чтобы проверить на соответствие стилю нашу страницу. Смотрите, он у нас создал страницу и теперь запускает проверку стиля. И как мы видим, он использует наш скил checkle. Давайте дадим ему разрешение. Пусть он использует с skкил и проверяет наш сайт на соответствие. Я ничего не вызывал. Он это нашёл самостоятельно.
Итак, что у нас получилось? Итог соответствует стилю. Футер общая английская зона на всех страницах. Английский текст в футере аналогично другим страницам. Вот видите, он даже тут составил какую-то таблицу, типа шрифт, акцент, язык, статус. Короче, круто.
Есть ещё один способ создать скилл, который появился относительно недавно. Чтобы его применить на практике, мы воспользуемся такой штукой, которая называется плагины. О них мы ещё чуть-чуть подробнее поговорим попозже. Чтобы установить нужный нам плагин, мы вбиваем команду plugin install skill creator. Кликаем enter. Так, у нас это не сработало, потому что у меня здесь нет маркетплейса. Короче, сейчас мы про это поговорим. Давайте сначала введём вот эту команду, чтобы установить нужный маркетплейс. Кликаем Enter и ждём, пока установит наш Marketpпlaceй. Всё, видите, вот. Successfully edetplace. Теперь давайте зайдём в плагины вот сюда. И вот тут вот появились, наконец-то плагины. Давайте здесь вобьём в поисковике Skill и найдём нужный плагин Skill Creator. И давайте выберем, установим ли мы его локально или, так сказать, глобально. Давайте я установлю его глобально. Кликаю install user scope. Кликаю enter. Давайте проверим, установился ли он. Кликаем installed. И да, как мы видим, здесь помимо MCP появился ещё и плагин Skill Creator, и он ещё и активный.
Итак, давайте им воспользуемся. Я перезапустил наш клод, чтобы у нас хил подгрузился. Давайте теперь нажмём сш, выберем здесь skill. И как мы видим, здесь появился skill creator. Кликаем enter, точнее, нет, давайте кликнем tab и напишем сюда следующий промт. Создай скил, который при создании новых HTML-страниц автоматически добавляет SEO метатеги, title, description и OG image. Кликаем Enter. Посмотрим, как это работает на практике.
Итак, давайте здесь дадим ему подтверждение, которое ему надо. Он нам пишет, что скил написан. Теперь он создаёт тесткейсы и запустит их. чтобы проверить качество нашего скила. В чём преимущество данного подхода по сравнению с просто вводом промта для создания скила? Skill creator не просто создаёт новый файл, а он проводит полный цикл. Он собирает у тебя требования, создаёт скилл с правильной структурой, потом сам тестирует его на реальных примерах, показывает результаты, а если что-то идёт не так, то предлагает улучшение. Плюс он знает все лучшие практики от антроopic: какие описания лучше триггеряться, как правильно писать, какие Tools или же инструменты, которые ему разрешены, указать. Короче говоря, это более взрослый подход, когда мы не просто создаём скилл, а тестируем его на реальных примерах.
Так, сейчас он у меня запросил четыре пункта, на которые надо ответить. Давайте быстро на них ответим. Ты правильно думаешь, скилл должен срабатывать при создании новых HTML-страниц и при редактировании существующих. Давай не будем включать лишние метатеги. Давай оставим только title, description и image. Пусть skill оставляет placeйolder. Давай с тобой прогоним тесты, как ты и делал. Всё, я ответил на все вопросы. Кликаю Enter и ждём результат.
Так, как мы видим, он создал наш скилл, теперь проводит тестовые сценарии. Проводи все тесты, которые считаешь нужные. Итак, как мы видим, он провёл наши тесты и написал следующую краткую сводку. Результаты открыты в браузере. Вот краткая сводка. Пока ты смотришь иоль новая блок HTML со скилом пть из пяти. Без скила два из пяти. Нет desрипtion и нет OG image. Короче, как мы видим, с нашим скилом метатеги добавляются гораздо лучше. Ну давайте напишем, что в целом итерация не нужна, скилл готов. Посмотрим, что в итоге он сделает. Кликаем yes.
Последний опциональный шаг- оптимизация описания. Это влияет на то, насколько надёжно скилл будет автоматически срабатывать при релевантных запросах. Процесс автоматический. Генерируется набор тестовых запросов, прогоняется оптимизационный цикл и подбирается лучшая формулировка. Давайте я не буду тратить на это время, напишу, что текущая меня устраивает. Готово. Скил создан и живёт в такой-то папке. Он будет автоматически срабатывать при создании или редактировании HTML-страниц. Короче, всё то, что мы попросили его сделать.
Соответственно, разницу в подходах вы поняли. Благодаря скилйтору можно не только создать скилл, но и протестировать его в различных сценариях, подобрать ему грамотное описание, чтобы этот скилл применялся тогда, когда это надо. И, соответственно, с помощью данного скил крейтора можно создать более качественный грамотный скилл.
На самом деле, по поводу оптимизации описания. Клод-код имеет тенденцию не доактивировать скилы, то есть не использовать их, когда стоило бы их использовать. Поэтому описание рекомендуется делать немного, так сказать, настойчивыми. То есть не просто создаёт дашборды, например, а создаёт дашборды, используя этот скилл, когда пользователь упоминает визуализацию данных, метрики, отчёты или мониторинг, даже если он не говорит слово дашборд напрямую. Короче, прямо навязываем ему, что если он хочет визуализировать какие-то данные, то этот скилл должен применяться. Либо прямо в промте прописывать, что для создания такого-то такого-то результата надо использовать такие-то такие-то скилы.
И ещё один важный момент по поводу скилов. Больше скилов не значит лучше. Даже наоборот, когда у вас в проекте находится слишком много скилов, клодкод начинает путать, какой когда использовать. Если скилы ещё и пересекаются по тематике, то клод-код может вообще постоянно выбирать не тот, который вам нужно. Соответственно, лучше использовать 20-30 качественных точечных скилов для улучшения вашей работы. не нагружать в один скилл все функции сразу, а разделить их на несколько, которые будут затрагивать конкретно свою тему. Тогда клодко код будет сам их, так сказать, оркестрировать и использовать при необходимости.
Ещё одна удобная фишкад - это фоновые задачи. Допустим, мы даём кд-коду какую-нибудь задачу. Как вариант, вот такая. Создай мне ещё одну страницу и сделай навигацию на эту страницу со всех остальных страниц. После того, как вы введёте эту задачу, нажмёте Enter, она начнёт выполняться. И пока она не выполнится, вы не сможете давать клод-коду ещё одни задачи. Точнее, вы можете их прописать, но они будут находиться в очереди. И пока эта задача не выполнится, другие выполняться не будут.
Давайте дополним наш промт следующим предложением. Сделай данную задачу фоновой. Всё. После того, как мы это написали, кликаем Enter и посмотрим, что у нас получится. Мы видим, что он начинает выполнять задачу. Ждём некоторое время, пока он поймёт, что ему надо сделать. И как мы видим, у нас снизу от строки ввода промта появилась вот такая вот бирюзовая надпись Create new page and update nav. Это как раз-таки наша фоновая задача, которая не мешает нам запустить ещё одну задачу. Например, создай блок сайта об авторе и размести его в самый низ на главной странице. Только футер ниже. Задача так себе, но не суть. Кликаем Enter. И мы видим, что она у нас запускается сразу же.
Чтобы отследить прогресс выполнения фоновой задачи, кликаем стрелку вниз и нажимаем Enter. И смотрим, что он там делает. Как мы видим, сейчас он занимается чтением, то есть read. Соответственно, задача у нас работает. А если мы захотим отменить данную задачу, то здесь мы нажимаем кнопочку X. Всё. Как мы видим, фоновой задачи нет и ничего не работает. Таким образом, можно выполнять несколько задач в одном терминале.
Теперь давайте поговорим непосредственно про плагины. Если скил - это у нас один навык, то плагин - это целый набор навыков. Плагин может содержать скилы, команды, MCP, хуки, агенты и так далее. По сути, плагин - это сборка всего необходимого для выполнения определённой задачи. Как анус? Отлично. Как у нас осуществляется управление плагинами? Для этого мы кликаем сш и вводим здесь плагин. Кликаю tab, нажимаю Enter. И у нас открываются маркетплейсы с плагинами, которые мы можем установить. Если у вас здесь ничего нет, как изначально было у меня, то есть у вас не установлен ни один marкетплейс, вы можете ввести следующую команду. Опять же, эта команда будет также в моём Telegram-канале. И как мы видим, код написал, что successfully Edited Marketplace Cloud Plugins Official, что значит, что он успешно добавил этот Marketplace. Давайте проверим, что он у нас есть. Кликаем здесь plugins, точнее сплаги. И как мы видим, у нас действительно появился наш marketplace, который называется Clod Plugins Official. Вот так вот стрелками влево-право мы можем листать плагины. Тут у нас ошибки, тут у нас установлены плагины, а здесь плагины, которые мы можем установить. Маркетплейсов может быть несколько. Давайте установим ещё один для примера. Так, кликаю здесь Enter, чтобы выйти отсюда, и нажимаю вот эту команду. Кликаю Enter. Итак, наш второй Marketпйс также успешно установился. Давайте зайдём теперь в команду plugги и посмотрим, как это выглядит. Заходим во вкладку маркетплейсы. И мы видим, что у нас здесь теперь два маркетплейса. Кликнем, давайте, Enter. Как мы видим, здесь мы можем обновить Marketpплейс, удалить Marketплейс, включить автообновление маркетплейса, а также изучить плагины, которые доступны в данном маркетплейсе. Кликаем Enter и смотрим, что у нас здесь интересного имеется. Кстати, в свой Telegram-канал я дополнительно опубликую список из качественных маркетплейсов с хорошими плагинами для ClД CODД.
Давайте, например, скачаем вот этот плагин PPT Creator. Это плагин для создания PowerPoint презентаций. Кликаю Enter и выбираем здесь, как мы будем его устанавливать. Здесь есть несколько вариантов, как мы можем установить данный плагин. Первое - это Install for you. Он будет работать глобально для тебя и работать во всех проектах, которые ты будешь создавать. Install for all collaborations on this repository. Это значит, что у нас установится плагин прямо в проект, и все, кто будут работать с этим репозиторием, тоже получат данный плагин. То есть он устанавливается в Git. Install for you in this repole only. Это значит, что он установится только для тебя и не будет доступен в GIT. То есть коллеги, которые будут работать с этим же репозиторием, плагин этот не увидят. Ну и back to plugin list - это просто вернуться назад к списку плагинов. Давайте выберем первый вариант, установим для себя глобально, для всех проектов. Всё, у нас очень быстро произошла загрузка. Давайте теперь зайдём в pluggi и посмотрим. Всё, как мы видим, у нас здесь появился теперь в списке установленных плагинов ppt creator.
Теперь давайте протестируем его на практике. Я кликаю escape и вставляю следующий промт. Создай папку Presentations и сделай в ней презентацию mybrand.ptx. Ну, то есть PowerPoint на четыре слайда про наш проект. Белый фон, Srift Arial, Acкцент. Давайте зелёный, пусть будет. Кликаем Enter и посмотрим, получится ли у него создать PowerPoint презентацию. Здесь опять же даём подтверждение. Как мы видим, он у нас использовал skкил ppt Creator, чтобы создать данную презентацию. Всё. Как мы видим, он написал, что презентация создана. Четыре слайда, стиль, белый фон, шрифтериалal, зелёный акцент. Должна быть, конечно, мегакачная презентация, исходя из моего ТЗ, но давайте посмотрим. Открываем здесь папку. Действительно, здесь есть папка Presentations, и появилась презентация в формате pptx My Brand. Давайте я зайду в папку презентации и открою данную презентацию. И у нас получилась вот такая презентация. Кстати, даже несмотря на ТЗ, он сделал её достаточно неплохой, чистенькой, аккуратненькой и с зелёными акцентами, как мы и попросили. Вот таким образом можно работать с плагинами. То есть мы не прописываем в клод-код используй тот-то, тот-то плагин, чтобы создать ту или иную штуку. Мы даём ему задачу, а он сам понимает, какой плагин для какой задачи надо использовать.
Давайте перейдём к следующей большой теме. До этого мы говорили с вами про клод-код как про одного ассистента. Но что, если вам нужен будет не один ассистент, а целая команда типов? В данной ситуации нам будут необходимы субагенты. Субагент - это отдельный экземпляр клод, так скажем, которого основной кд-код запускает для выполнения какой-то задачи. Субагент не видит всю историю вашего разговора с основным клод-кодом. Он получает какую-то свою определённую задачу, выполняет её и предоставляет готовый результат. А в основной контекст кд-кода будет поступать только результат работы вашего субагента.
Зачем нам вообще нужны эти субагенты? Вместо того, чтобы делать 10 задач последовательно, можно запустить 10 задач параллельно. Каждый субагент будет выполнять свою часть, в которой он экспертен, и, соответственно, у вас будет выполнено 10 качественных задач. Ну и опять же причина в том, что можно таким образом защищать контекст. То есть работа с агентом не забивает ваш основной контекст вашего контекстного окна. Работа делается в отдельном месте, а в контекстное окно заливается только результат работы субагента. Таким образом, мы с вами экономим наш контекст.
Как же создать нам нашего субагента? У нас опять же есть два варианта, как мы можем это сделать. Кликаем здесь с и вводим agents. Нажимаю Tab, кликаю Enter. И здесь у нас есть кнопка создать нового агента. И здесь нам надо будет ответить на несколько вопросов. Мы можем создать агента чисто для этого проекта или личного агента, который будет работать в каждом проекте. Здесь давайте выберем Project. И вот здесь как раз-таки есть два варианта, как мы можем с вами создать нашего агента. Либо всё прописать вручную, либо с помощью клода, что я крайне рекомендую делать. Давайте кликнем generate with clд. И здесь мы должны описать клоду нашего субагента, что он должен будет делать. Давайте, например, сделаем субагента верстальщика. Вставляю следующий промт. Агент-верстальщик проверяет HTML-страницы на адаптивность, доступность и валидность кода. Находит ошибки и сам их исправляет. Использовать, когда нужно проверить качество вёрстки. Кликаю Enter.
Что нам далее предлагает сделать ДД-код? Тут надо выбрать, какие инструменты может использовать наш субагент. Здесь мы выбираем или отменяем какие-либо пункты с помощью клавиши Enter. Вот видите, я нажал, у меня убралось, потом бам-бам, всё вернулось. Что у нас тут есть? Первое - это read only, то есть он может только что-то читать. Edit Tools - это редактирование. Если мы это выберем, то наш субагент сможет самостоятельно создавать, редактировать, изменять какие-либо файлы. Так, у меня что-то лампи стала фигово. Перегрелась уже, походу. Execution Tools - это выполнение команд в терминале. Если мы это выберем, наш субагент сможет самостоятельно установить какую-либо библиотеку, запустить сайт и так далее. В общем, наш агент сможет делать всё то, что мы могли делать в терминале. Далее идёт MCP Tools. Тут, я думаю, понятно. Это инструменты из подключённых MCP. Other Tools - это всё остальное, там веб-поиск, работа с изображением и различные дополнительные возможности. Короче, я, наверное, дам ему весь пакет инструментов. Надеюсь, что мне ничего не засрёт. Можем кликнуть здесь show Advanced Options. И здесь можно выбрать не целый пак инструментов и команд, которые он может выполнять, а какие-то конкретные. Но я этого делать не хочу, поэтому я это всё уберу. И, соответственно, давайте я вернусь наверх кнопки continue и нажму Enter.
Здесь мы выбираем модель, с которой будет работать наш субагент. Если наш субагент выполняет какую-то не самую жёсткую задачу, то можно в целом поставить ему Исанеet. Но я поставлю ему опус, чтобы он максимально круто работал. И давайте здесь выберем цвет нашего субагента, чтобы он как-то отличался от остальных субагентов. Пусть он будет какой-нибудь синенький, например. Здесь мы выбираем, будет ли субагент запоминать свой опыт между запусками. Получается, если мы здесь выберем enable, то агент будет запоминать свои находки в папке проекта. Каждый раз, когда он будет проверять вёрстку, он будет помнить то, что до этого находил. No - это, соответственно, без памяти. То есть наш субоген будет каждый раз запускаться как в первый раз. Usercope - это память сохраняется глобально для всех проектов. Соответственно, если мы перейдём в другой проект и будем пользоваться данным субагентом, то он будет помнить опыт из предыдущих проектов. Local Scope по сути то же самое, что и первый вариант, но файл памяти не будет попадать в гиIT. Соответственно, это личные заметки агента, которые будут доступны только у вас и не будут никак доступны для команды. Давайте выберем первый.
Здесь надо проверить, что у нас тут написано, всё ли здесь верно, или что-то надо поправить. Если что-то надо поправить, кликаем кнопку Е. Если хотим сохранить изменения, то кликаем маленькую кнопку S или Enter. Давайте нажмём Enter. Всё. Как мы видим, теперь в Project Agents у нас появился новый агент. Можем кликнуть сюда, удалить его, отредактировать его или просто на него посмотреть. Давайте вернёмся назад, кликнем escape и попробуем применить его на практике. Я извиняюсь, у меня тут опять препятствие. Кстати, после того, как вы создали агента, надо будет перезайти в клод, чтобы он знал, что существует такой агент.
Итак, у меня есть вот такое контекстное окно. Я специально создал здесь семь каких-то страниц. Вот, чтобы нагрузить контекст. Давайте посмотрим, насколько у нас загружено контекстное окно с помощью команды сконтек. У нас оно загружено на 41%. Нехило. Так, теперь давайте попробуем вызвать нашего агента. Чтобы это сделать, мы нажимаем сначала собачку, а потом вводим сюда название нашего агента. Ввожу HTML. И мы видим второй строчкой нашего агента. Тут в скобочках даже написано, что это агент. Кликаем Enter, выбираем его и сюда вводим следующий промт. Проверь все семь новых HTML-страниц и исправь проблемы с адаптивностью. Затем поделись результатом работы в формате короткого отчёта. Кликаем Enter и смотрим, как он у нас будет работать.
Итак, запомнили, что у нас окно загружено на 41%. По идее, если бы мы без агента врубили этот промт, то он бы занял нехило так контекста. Как мы видим, он у нас принялся за работу. Мы видим синий цвет, который мы выбирали, и название нашего агента. Итак, он предоставил результаты работы в формате короткого отчёта, как я и попросил, и написал, что все семь страниц уже имели корректную адаптивность. Но вот он поправил вот такие вот баги, которые у нас присутствовали. Давайте посмотрим, сколько контекста заняла у него эта задача. Нажимаем слш и выбираем здесь контекст. Было 41%, я напоминаю, и сейчас у нас здесь 45%, то есть всего 4% контекста. Короче, вот такая вот удобная штука. Но у неё есть одно ограничение. Они могут общаться только с основным агентом. То есть условно субагент А не может поговорить с субагентом Б. Они как подрядчики, которые каждый выполняет своё отдельное задание, и они никак не взаимодействуют друг с другом.
Но появилась такая штука, которая называется Agent Teams. Тут агенты могут общаться друг с другом напрямую. Соответственно, это уже команда агентов, которые будут взаимодействовать между собой и выполнять какие-то комплексные задачи. Как это работает? У нас есть Teamlead. Это наша основная сессия сдкод. Лидер координирует работу, раздаёт задачи и собирает результаты. А есть так называемые тиммейты. Это отдельные экземпляры клодкод. Каждый со своим отдельным контекстным окном. Они работают параллельно и могут общаться друг с другом. И вы можете общаться с каждым агентом напрямую, а не только через лидера.
Итак, давайте я вам покажу, как Agent Teams работает на практике. Для этого я даже специально создал новый проект, чтобы лишние файлы нас не напрягали. Первое, что я сделал - это создал несколько агентов. Вот здесь в левой панели перехожу. И тут у меня три агента. Первый агент - архитектор лендинга. Он у меня будет, собственно говоря, проектировать структуру страницы. Второй агент - это разработчик-верстальщик. Он, соответственно, будет её собирать. И третий агент - это агент SEOспециалист. Он у меня, соответственно, отвечает за SEO. В целом для использования Agent Teams даже не обязательно отдельно Markдаун файлы прописывать. Можете просто в одном промте для клода прописать каждого агента и то, что он должен делать. Но, как мне кажется, более профессиональный и правильный подход - это изначально проработать агентов, а потом уже с ними работать. Поэтому мы, собственно говоря, так и сделали.
Следующее, что нам надо сделать, давайте сделаем это вместе. Мы с вами запустили клод. Кстати, пока я создавал этот видеоролик, контекстное окно по дефолту стало 1 млн токенов вместо 200.000, Что, конечно же, круто. Нам надо создать файл, который называется settings. Я вставляю ему следующий промт, который будет находиться в моём Telegram-канале. Кликаю здесь yes. Готово. После выполнения моего промта, как мы можем заметить, у нас появилась папка clod. И здесь появился файл settings. Со следующим содержанием. Благодаря этой строке мы с вами можем использовать Agent Teams. А по поводу этой строки сейчас поясню. Чтобы наши агенты имели возможность работать в отдельных окнах, которые нам визуально видны, нам надо использовать Тмукс. Сначала нам надо его установить. Чтобы это сделать, давайте здесь нажмём плюсик. И здесь вбиваем следующую команду Brew Install Tmux. Если по какой-то причине эта команда не будет у вас работать, просто напишите в clд, чтобы он установил Тмукс. Но я сделаю вот так. Кликаю Enter и жду, пока Тмук установится на мой компьютер. Готово. У меня это заняло достаточно немного времени. У вас может занять чуть дольше.
Теперь мы с вами можем запустить Tmкс, запустить Clк и, собственно говоря, запустить, наконец, Agent Teams. Чтобы это сделать, давайте сначала запустим Тук вот этой командой. Всё, мы его запустили. Как мы видим, у нас зелёная полоска внизу появилась. Это значит, что у нас ТМУКС активен. Далее здесь я вбиваю клод, чтобы запустить клод-код. И давайте, наконец, запустим Agent Teams. Давайте используем Agent Teams для реализации следующего промта. Твоя цель - создать промо-страницу для запуска нового AI продукта. чатболт для автоматизации клиентской поддержки. Прямо сейчас запусти команду агентов. Запусти ровно три агента одновременно. Используй только существующих агентов из папки Agents: Architct, SEO и Developer. Прочитай их инструкции из файлов перед запуском. Страница из пяти блоков: Hero, секция, проблемы клиента, решение, тариф и форма заявки. Здесь я описал, какие задачи будут у агентов. Что важно, вызови инструмент Team Create, а затем Task Create. Без этой строки в отдельных окнах у вас не будут отображаться ваши агенты. Запускай всех одновременно, не создавая новых агентов, используй только тех, что описаны в папке Agents. Ещё раз продублировал ему информацию. Все результаты сохранив папку Output язык русский.
Итак, мы запускаем нашу работу. Он загрузил у нас инструменты, которые ему необходимы. И мы видим, что он у нас сам начинает открывать новые окна с нашими агентами. Подождём, пока он адекватно всё откроет. Давайте я команд B нажму, чтобы слева закрыть панель. Итак, как мы видим, он у нас открыл три агента. Первый агент, который в самом верху - это архитектор. В середине у нас агент, который называется девелопер, верстальчик-разработчик. И в самом низу у нас сеошник. Всё. Как мы видим, они у нас одновременно
начали выполнять свою работу. Вы можете индивидуально написать сообщение каждому агенту, который здесь работает. Для этого сначала надо нажать комбинацию Ctrl B и затем выбрать, кому вы хотите писать. Например, сейчас я пишу в среднего агента, то есть в девелопера. Давайте я нажму Ctrl B, стрелка вверх и вуаля. Теперь я пишу агенту, который выше. Нажимаю Ctrl B два раза вниз, и я пишу самому нижнему агенту. Нажимаю Ctrl B и стрелочку влево, я начинаю писать главному клод-коду. Вот такая вот удобная штука. Всё.
Как мы видим, они у нас взаимодействуют друг с другом. Например, сешник пишет, что он ждёт, пока архитектор завершит работу и пришлёт structure MD. Вот. А то, что находится слева, так называемый Teaml, он у нас координирует работу этих агентов. Нам написали, что SE агент завершил работу и отправил уведомление девелоперу. Теперь девелопер имеет оба файла и должен начать вёрстку. Соответственно, архитектор иошник отправили ему нужные файлы, и теперь девелопер, как завершающее звено, будет создавать нам страницу. Так, как мы видим, он у нас всё закончил, и у нас потихонечку закрываются наши агенты. Он это сделал самостоятельно. Я здесь ничего не тыкал.
Итак, что мы получили в итоге? Готово. Команда из трёх агентов успешно отработала. Вот итог. подвёл в табличке итоги и написал, что у нас в лендинге. Можете открыть outputlanding. В браузере для просмотра. Всё, у нас завершилось. Команда полностью завершена. Ну, давайте посмотрим, что он сделал. Вот такой вот у нас результат получился. Надо было сделать ещё агента дизайнера, чтобы нормальный дизайн сделал. Но получилось, что получилось. Самое главное, что мы на практике поняли, как работать с Agent Teams. А с этой фичой можно создавать действительно мощные крутые штуки. Возможно, я сделаю отдельный видеоролик по этой теме, где мы разберём более мощные кейсы использования Agent Teams. Если такой контент вам интересен, дайте знать в комментариях. А мы двигаемся дальше.
Теперь мы с вами поговорим про хуки. Это один из способов автоматизировать что-либо в клод-код. Что такое хук? Это скрипт, который срабатывает автоматически в определённый момент работы клод-кода. Они перехватывают определённое действие от CLДced и после него или до него выполняют настраиваемое вами действие. Хуки - это обычные скрипты, которые выполняются на вашем компьютере. Для чего это надо? Давайте возьмём три типичных сценария.
Первый сценарий - это защита. Допустим, клод-код собирается удалить что-то очень важное или записать что-то в критичный файл. Хук может это перехватить и заблокировать это действие. Второе - это автоматизация качества. Клодкод сохранил файл с кодом. Благодаря хуку можно это всё как-то быстро форматировать. Третье - это уведомление. Например, клодкод закончил какую-нибудь длинную задачу, хук это зафиксировал, и сработало звуковое уведомление, чтобы вы понимали, что пора возвращаться к компьютеру.
Каждый хук привязан к определённому событию. Давайте разберём основные. Первое - это pre tool use или pre tool use, наверное. Вот так. Он срабатывает до того, как-код выполнит определённое действие. Это самый мощный хук, потому что он, по сути, единственный, который может как раз-таки заблокировать действие код-кода. Затем post tool use. Я думаю, вы догадались, что это событие, которое срабатывает после определённого действия откод. Например, код создал какой-нибудь файл, вы начали его обработку. Затем стоп - это когда клод-код закончил отвечать. Тут как раз-таки можно повесить уведомление, например, когда клод-код занимался большой долгой задачей, закончил её выполнять, и вам приходят уведомление в виде звукового сигнала. Короче говоря, их достаточно много, все перечислять не буду. Там практически на все события можно сделать хуки, там, когда сессия началась, когда субагент закончил работу, когда субагент начал работу, когда код-код отправляет уведомления. Ну, короче говоря, их достаточно много. Плюс у каждого хука есть матчер или тчер, короче, не знаю опять, как правильно. Это фильтр, который определяет, на какие инструменты хук будет реагировать. Например, вы можете повесить хук только на MCP или только на команды из терминала.
Я думаю, я покажу вам один из полезных хуков, который вы можете сразу применить в своей работе - это звуковое уведомление. То есть, когда кд-код завершит работу, он пошлёт вам звуковое уведомление, чтобы вы понимали, что можно продолжать с ним работать. Давайте же это сделаем. Создай мне хук, чтобы когда клодко код завершал работу, то он посылал мне звуковое уведомление. Я хочу, чтобы этот хук срабатывал во всех моих проектах. Соответственно, мы будем делать глобальный хук. Кликаем Enter. Готово. Событие у нас стоп срабатывает, когда код-код завершает ответ. Всё верно. Команда Play System Library Sound Glass воспроизводит системный звук Glass. Работает во всех проектах, так как настройка глобальная. Это очень удобный хук, особенно если вы занимаетесь какими-то другими проектами параллельно. Вы будете всегда знать, что в определённой сессии Клод-код завершил часть работы.
Итак, с хуками мы закончили. Давайте перейдём к финальной части. Мы разобрали всю механику-код: MCP, скилы, кастомные команды, агенты и так далее. Теперь давайте обсудим несколько подходов, как можно работать с клод-кодом. Допустим, вы хотите реализовать какую-то задачу, в которой вы не особо компетентны. Вместо того, чтобы напрямую писать код-коду, чтобы он просто реализовал определённую задачу, можно поступить немного иначе. Вы можете задавать кд-коду свои вопросы. Например, путь реализации, который я выбрал - это лучший путь или ты сможешь предложить что-то более универсальное? Таким образом, код-код проведёт resarch, определит, какой подход к реализации будет самым эффективным, и предложит вам его выполнить. Возможно, вашу задачу можно решить гораздо проще, чем вы это себе придумали. Задай мне 5-10 наводящих вопросов, касающихся моего проекта, которые помогут тебе лучше определиться, как его реализовать. В результате данной фразы он задаст вам наводящие вопросы, о которых вы, возможно, даже не задумывались. Это тоже поможет вам больше конкретизировать то, что вы хотите сделать. Опять же, основная суть в том, что вы не пишете код сами и не решаете задачи сами. Вы координируете лод-кодом, задаёте ему направление, проверяете результат. Cлод-код - умный, хороший исполнитель. Главное направить его в правильное русло, чтобы получить качественную работу.
Также один из моментов, который важно озвучить. Как говорят американцы: "Не будьте accept monkey" или accept monkey. Короче, ненавижу английский. Except манки - это человек, который бездумно не читает то, что ему пишет кд-код, постоянно с ним соглашается, просто кликает е ждёт хороших результатов. В 90% случаев кд-код действительно всё делает то, что надо. Но если задача была поставлена некорректно или он вас не так понял, то он может знатно так напортачить, удалить какой-то файл, отредактировать вашу систему, чтобы у вас перестало всё работать и так далее. Вы, конечно, можете откатиться на несколько промтов назад, но если вы, например, не заметили, что он вам что-то поломал и закрыли сессию, то уже откатиться, к сожалению, не получится.
Здесь есть три практических правила, как не наткнуться на такие косяки от кд-кода. Первое - это создавать новую сессию для проверки результата. Например, вы создали что-то очень большое и сложное, вы открываете новую сессию в код-код. В новой сессии надо попросить код-код, проверить результат работы. Зачем это надо и почему нельзя проверить это в той же сессии? Всё просто. У свежегод-кода нет никакой предвзятости. Он не знает, как этот код создавался, и смотрит на него объективно. Это более грамотный подход, чем взваливать всё на одну и ту же сессию. Второй подход - все крупные ошибки от клод-кода превращайте в правило. Если клод-код совершает одну и ту же ошибку несколько раз, то можно прописать так: "Добавь реализацию этой ошибки в clд MD или если это какая-то большая штука, то в отдельное правило". Когда вы пропишите ему паг крупных ошибок, которые он совершает, это может улучшить вашу систему, чтобыкод не совершал эти самые ошибки. И последний совет. Если вы только начинаете работу складкод, то я рекомендую вам прямо почаще использовать режим план mode. Сначала вы прогоняете вашу задачу через план mode. Он её понимает, переделывает, чтобы всё было правильно, и выдаёт вам готовый план, который вы можете изучить и подтвердить его или изменить вручную. С таким подходом вы будете гораздо меньше косячить и создавать более качественные работы.
Приведу вам примеры своего собственного опыта. Одним из первых проектов, за которые я брался, это был целый GB Marketplй. Это сервис, на котором производители ЖB изделий могли продавать свои товары напрямую. Там было два вида личных кабинетов. Потом была сложная логика с платёжной системой, затем там было невероятное количество товаров. Потом чат между заводом и покупателем. Короче говоря, куча всего. Я тогда за тот проект взялся практически бесплатно, потому что мне просто нужен был опыт. А на тот момент такого крутого клод-кода, как сейчас, конечно же, не было. Я тогда работал в курсоре, даже не помню тогда, какой клод у нас тогда был, но он явно был на несколько голов хуже, чем то, что есть сейчас. И я просто без обсуждения какой-либо части своей работы с клод-кодом просто начинал фигачить. То есть начинал ему говорить: "Вот мне нужно то-то, то-то, нужны личные кабинеты, нужна платёжка, нужно вот это реализовать, вот это реализовать". И в целом он это реализовывал. Но потом, когда по истечении определённого времени посмотрел на результат работы, а я над этим сидел несколько месяцев, то я просто охренел, какая же галиматья у меня получилась. Куча косяков с безопасностью, куча лишнего мусорного кода, какие-то стрёмные странные функции, просто миллион багов с тем, что у меня там даже навигация работала косячно. Короче говоря, проще было пересобрать этот сервис с полного нуля, чем дорабатывать все косяки, которые я совершил. Поэтому моя вам рекомендация реально сначала обсудить с клод-кодом всю задачу, которую надо реализовать. Просите его задавать вам наводящие вопросы, чтобы лучше разбираться с проблемой. Изучайте вашу задачу с нескольких сторон, и таким образом вы сможете создавать действительно качественный результат.
Давайте двигаться к самому последнему пункту этого гайда. Все, кто дошли до этого пункта, вы красавчики. Последняя часть затрагивает обновление клодкод. Что я имею в виду? CLД-код обновляется примерно каждые несколько дней. А то и каждый день. Постоянно появляются новые команды, новые возможности, новая версия, что-нибудь ещё выйдет. Короче говоря, клод-код прямо постоянно обновляется. Так как же успевать следить за тем, что там вводит этот самый клод-код? Где я могу отследить все обновления и фишки, которые в нём появляются? Давайте я вам расскажу.
Во-первых, если появляется какая-то прямо мощная фича откод, то он обычно пишет это напрямую в новом окне. То есть, как только вы запускаете клод-код, обычно там прямо плашка всплывает, что вот появилась такая-то, такая-то фича. Также вы можете изучать документацию клод-кода, которую я вам скину также в Telegram-канале. Вот так она выглядит. Тут, соответственно, можно также отслеживать какие-то изменения, но если вы не хотите с этим париться, то я вам скину один классный Telegram-канал, на который я сам подписан и который постоянно публикует новинки, связанные сдкод. Мне его хватает с головой, чтобы осваивать новые функции от клода.
Итак, наш клодко код guideй подошёл к концу. Я вас поздравляю, если вы дошли до этого момента. Мы освоили, что такое клод-код, получили подписку на клод-код, освоили базовые возможности данной штуки, узнали, как сохранять версии нашего проекта, как работать с моделями, с планмодами и так далее, а также изучили суперпродвинутые функции, которые делают из вас суперспециалиста, который быстро и качественно выполняет свои работы. На этом у меня всё. Если у вас остались какие-то вопросы, касающиеся колод-кода, то пишите их в комментарии. Всем спасибо за просмотр. Всем пока.