📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

Я перебрал 100+ вайбкод скиллов. Это мой ТОП-6

Матвей Шульга17:55

Transcription

В этом ролике я покажу вам скилы и плагины, которые реально помогут вам улучшить вашу работу в ИИ агентах по типу Claude Code, Codex, Cursor и так далее. Я перепробовал бесчисленное множество скилов, плагинов и MCP для улучшения своей работы. И вот эти, которые будут в этом видеоролике, мне показались самыми топовыми, которые реально можно использовать на практике. Давайте не будем терять время. Поехали.

Первый скилл, который я регулярно использую в своей работе, называется Skill Creator. Для чего он нам нужен? По сути, skill - это текстовая инструкция, которая учит агента выполнять ту или иную задачу. Проблема в том, что если вы будете самостоятельно создавать такие скилы, то они могут быть неэффективными. На тестах они могут показывать нулёвые результаты. То есть, например, вы делаете одну задачу с использованием этого скила и эту же задачу без использования этого скила. И результаты могут быть вообще одинаковые. То есть ваш скилл никакого веса по сути не имеет. Так вот, Skill Creator решает как раз-таки эту проблему. У него под капотом работает несколько агентов. Первый агент - это executor. Executor. Он запускает скилл на тестовых промтах. Потом агент, который называется grader, оценивает результат работы. Потом агент, который называется comparator, делает сравнение версий. И потом последний агент Analyzer анализирует результаты и предлагает какие-то улучшения. То есть благодаря данным тестам ваш скилл превращается в реально рабочий инструмент, который можно использовать и закрывать определённые задачи.

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

Следующий скилл, точнее не скил, а плагин называется Superpowers. Я про данный плагин делал отдельный видеоролик. Вот здесь вот можете перейти и ознакомиться. Это очень классная штука, которая позволит вам гораздо глубже работать над вашими проектами. Как он работает? Обычно, когда мы даём какую-то задачу агенту, то он сразу идёт выполнять эту задачу. Это как бы хорошо, но он может упустить очень много важных деталей. Проект будет разваливающийся, какие-то моменты не учтены. Короче говоря, проект будет сделан не идеально. Superpowers как раз-таки решает эту проблему. Данный плагин разбивает работу на несколько шагов. Первый шаг называется Brainstorm. На этом этапе агент задаёт вам несколько уточняющих вопросов, о которых вы, возможно, даже не думали. И благодаря ответам на эти вопросы агент лучше проработает вашу задачу. После брейншторминга агент пишет подробнейший план по реализации вашей задачи. После того, как мы одобрили его план, он начинает работу. Работать он начинает с тестированием внутри. То есть сначала он пишет тест какой-нибудь простецкий, убеждается, что он падает. Так нужно. Потом выполняет минимальный код, чтобы этот тест не падал проходил. И после того, как тест не падает, он переходит к следующей задаче. А в конце, после того, как он выполнил все работы, подключается агент code reviewer. Он отдельно проверяет, решает ли этот код нашу задачу, и нет ли там никаких косяков и багов. Единственный его косяк то, что весь этот процесс обдумывания задачи тратит достаточно большое количество токенов. С одной стороны, это плохо, а с другой стороны, благодаря этим излишкам токенов вы лучше проработаете задачу и в дальнейшем не будете вносить кучу правок и тратить на это кучу времени. Ну и ещё не рекомендуется его использовать, если это какая-то прямо простецкая задача, которая не требует вмешательства вот этого брейншторминга, планирования, тестирования и так далее. Или, например, если вы точно знаете, как надо выполнить работу и к какому результату прийти. Таким образом, вам вот эти рассуждения, планирования и брейнсторминги также не нужны.

Давайте перейдём в Visual Studio Code. Мы будем работать сегодня в этой программе. Я ему написал следующий промт. На всякий случай уточнил, что хочу использовать плагин Superpowers для этой задачи. Собери небольшой лендинг для локального сервиса клининг квартир в Сызрани. Всем привет из Сызрани. Плюс серверную часть приёма заявок. Frontend, одна статическая страница HTML + CSS. Backend Node + Express. Принимает имя, телефон, Mail, валидирует email и телефон. Короче, не суть важно. Я это через нейронку сгенерил. Давайте ему отправим. Кликаем enter. Вот, сами видите, он пишет: "Я буду использовать Superpowers для этой задачи. Начну с обязательного skill brainstorming." Я начал работать в пустой папки. Он пишет, что Git не инициализирован. Где хранить заявки? Ну, давайте JSON файл, как он рекомендует. Телефон. Какой формат телефона валидировать? Российский. Давай. Нужна ли реальная страница в браузере? Ну давайте только код сделаем. Он написал: "Отлично. Зафиксирую дизайн". Кстати говоря, поводу дизайна. Честно говоря, сколько бы скилов для улучшения UI я бы не использовал, всё равно получается какой-то ИИшный шлаг. Он как бы чуть-чуть становится лучше, но всё равно не очень. К сожалению, суперкачественного скила для фронтенда до сих пор не существует. Ну или если я про какой-то не знаю, он реально топовый, то напишите его в комментариях. Так, он у меня спрашивает, подтверждаю ли я дизайн. Конечно, ок. После ок запишу спек документ и перейду к плану реализации. Кликаем ок. Всё, спек записан и закомичен. Посмотрите, пожалуйста. Если правок нет, перехожу к написанию плана реализации. Давайте посмотрим его быстренько. Агага, всё идеально. Ок. После этого он начал составлять план реализации. Всё, он нам написал, что план готов и закомичен. Давайте его смотреть не будем. 11 задач по TDD циклу. Это как раз то, что я описывал вот эти тесты. Два варианта исполнения. Subagent Driven. Свежий субагент на каждую задачу ревью между ними или inline, выполняю задачу в этой сессии батчами с чекпоинтами. Ну, давайте выберем первый вариант, хоть он и рекомендует использовать второй. Вот, как можно заметить, он использует агентов для того, чтобы выполнить задачи. Они работают в отдельном контекстном окне и не нагружают основное окно. Это очень хорошо помогает экономить токены и сохранять интеллект нейросетки, потому что она не будет обрабатывать лишнюю информацию. Если что, вот в этом видеоролике я сделал полноценный обзор на кучу способов, как можно экономить ваши токены и, соответственно, меньше упираться в лимиты. Ролик у меня, кстати, хорошо зашёл. Рекомендую ознакомиться. Там реально много полезных штук. Итак, он нам пишет, что всё готово, реализация завершена. Тесты проходят 18 из 18. И спрашивают, что дальше. Ну, давайте на этом закончим. В целом, благодаря этому промту можно было заметить все этапы работы, которые он применяет: брейншторминг, спек, планирование, работа и тестирование и потом конечный код review.

Давайте двигаться дальше. Следующий скилл помогает вам экономить ваши токены. Он называется Caveman. Что он делает? Он буквально заставляет вашего агента отвечать как пещерный человек. Ну не в плане буга-га, а в плане безводных слов, без лишних вежливостей, без лишней воды. Зачем это вообще нужно? Агент тратит кучу токенов на воду в своём ответе. Caveman вот этот срезает примерно 65% выходных токенов. При этом техническая точность сохраняется полностью. То есть код, точные термины, команды он не трогает, урезается только лишние слова. И что ещё приятно, он достаточно умный. То есть для предупреждений безопасности или каких-то опасных операций, где важна ясность, он отключает вот этот режим пещерного человека и общается с вами нормально. Давайте в чате в объём слэш и будем вбивать cavem. Вот видите, у нас тут появилось 1, 2, 3, 4, 5, 6, 7 семь команд. Caveman, соответственно, это главная команда, то есть она включает вот этот пещерный режим. Caveman Help - это шпаргалка. Можете туда кликнуть, и он выдаст вам весь список того, что входит в этот плагин. Там куча всего. Можете ознакомиться. Caveman compress сжимает мои memory файлы, например, Claude MD. В этом формате он уже экономит наши входные токены. Cavem stats - это статистика, показывает реальный расход токенов и суммарную экономию. Caveman Review - это сжатый код review. То есть он просто проводит ревью вашего кода и пишет, что так, что не так, но в режиме пещерного человека без лишней воды. Ну и cavem commit - это, соответственно, короткие commit-сообщения. Тут ещё есть crew, но это про субагентов, а не про стиль ответа. С помощью этой команды мы можем делегировать определённые задачи нескольким субагентам в этом режиме. И это тоже экономит наши токены. У него есть несколько уровней сжатия. Давайте введём команду Cavem. Вот она у нас здесь. Кликаем Tab. Опять же, если вы вобьёте команду Caveman Help, вот эту вот, то там будут все эти уровни, как бы можете изучить подробнее. Но вообще есть уровень Light - это который убирает только воду и вежливость, а грамматика остаётся целой. Потом есть режим full, он работает по умолчанию. Когда вы просто вбиваете слэш cavem, он убирает фрагменты, артикли и всякое лишнее. И есть ещё режим Ultra. Это максимальный режим, стиль заметок, то есть это самый большой уровень сжатия.

Давайте рассмотрим пример использования этого Caveman. Вот, например, как мы видим, я здесь сначала командой /cavem Ultra включил ультрарежим. Он написал, что Caveman Ultra on. И далее я ему дал задачу: "Стоит ли мне заменить JSON файл на SQLite для хранения заявок? Объясни плюсы и минусы и дай вердикт". И вот какой объём информации он выдал. Пока не нужно. Причины ниже. Текущий код. Суть проблемы. Описал плюсы в одну строку, минусы в одну строку, вердикт и всё. А вот я зашёл в новый чат, написал cavem, чтобы у нас остановился этот режим. Он написал cavem mode off, back to normal. Я ему дал ту же задачу в обычном режиме, и вот сколько он мне всего написал. То есть тут можно заметить текста гораздо больше. Давайте, чтобы не быть голословными, посчитаем точное количество слов в ответе с cavem и в ответе без него. Сначала давайте дефолтный режим возьмём. Вот так. Копируем и вставляем. Всего 341 слово, 2.624 символа. Запомнили результат. И теперь давайте скопируем вот этот вариант. 177 слов, 1.450 символов. Тут, напоминаю, было 2.624. Благодаря Caveman наш ответ сократился практически в два раза. Круто.

Если что, все инструкции по установке данных скилов и плагинов в Codex и Code я закину в свой Telegram-канал. Кстати, подписывайтесь на него, там выходит очень много полезного контента, связанного с вайп-кодингом, от создания своей админ-панели до юридических моментов, которые важно учитывать, если не хотите напороться на огромные штрафы. Всё в бесплатном доступе, поэтому буду благодарен за подписку и поддержку моего ТГ-канала.

Следующий плагин, о котором бы я хотел вам рассказать, называется Context Mod. Этот плагин решает проблему, когда агент забивает себе голову всяким различным мусором. Короче, тоже связано с экономией токенов. Когда агент работает, он постоянно что-то запускает. Всякие команды в терминале, чтение логов, загрузку страниц, ответы от API, анализирует всякие скрины с PlayR MCP и так далее. И всё это нагружает его контекст. И как можно понять, из-за того, что у него перегружен контекст, он будет хуже отвечать на наши запросы и, соответственно, будет тупее. Так вот, Context Mod ловит как раз-таки этот мусор ещё до того, как он попадёт в наш контекст. Он выполняет команду в отдельной песочнице, смотрит на весь сырой результат именно в ней, а агенту в итоге он выдаёт только нужную выжимку. То есть в память попадает только короткая суть вместо огромных гигабайтов хлама всякого. Если коротко срезюмировать, то благодаря Context агент дольше остаётся в форме, то есть менее тупым. Давайте вобьём какой-нибудь промтик, чтобы протестировать этот плагин. Что-нибудь вот такое. Кликаем Enter. Потом следующей командой я вам покажу, как посмотреть, сколько токенов мы сэкономили. Мы вбиваем ему команду /cctx-stats, и он выдаёт нам вот такой вот результат. В нижней строчке можно прочитать "Context mode saved 54%". Это значит, что 54% данных он удержал вне контекста. На короткой задаче это не так заметно, но смысл в том, что окно наше забивается примерно в два раза медленней. Если смотреть конкретные данные, то цифра тут небольшая. Ну, потому что это лёгкая демо. И тут по факту мало данных. А чем тяжелее работа, соответственно, тем более тяжёлые ответы API, более тяжёлые логи, более долгие сессии и тем сильнее, соответственно, эффективность данного плагина. Короче говоря, очень рекомендую его установить.

Следующий плагин, о котором я хотел вам рассказать, затрагивает работу с SEO. Этот плагин я показывал в предыдущем видеоролике, где показывал MCP скилы для всех этапов создания проекта. И этот скилл я регулярно использую в своей работе. Для чего этот плагин нужен? Как можно понять из названия, этот плагин превращает нашего агента в SEO-специалиста. Ты даёшь ему задачу провести, например, аудит по SEO, и он полноценно проводит аудит. Проверяет всё, что важно для поисковиков, выдаёт оценку и список конкретных правок. В этот плагин входит целый набор скилов, который расходится по сайту и проверяет сразу несколько аспектов, связанных с SEO. Отдельно он затрагивает не только SEO, но и Geo. Это оптимизация под искусственный интеллект, чтобы твои проекты цитировали ChatGPT, Claude, Perplexity и другие ИИшки. Давайте используем данный плагин, чтобы провести SEO-аудит нашего проекта. Если мы вбьём здесь слэш в новом чате и вбьём SEO, то можно заметить кучу скилов, связанных с SEO. Давайте вот такой промтик введём. Сделай полный SEO-аудит моего лендинга index.html. Техничка, контент, схемаразметка и локальное SEO. Дай оценку и список правок по приоритету. Кликаем Enter. Using SEO skill for full audit. В результате нашего промта он выдал нам следующий результат. SEO Audit. Оценка 53 из 100. Тут можно увидеть таблицу, что хорошо, что не надо трогать, что критично и надо трогать, что не критично, но хай, что медиум и что low. И вот здесь вот готовые правки. Также он выписал здесь план по приоритету. Короче говоря, реально полезный плагин. Я его регулярно использую и вам рекомендую.

И последний плагин на сегодня, о котором бы я хотел вам рассказать, называется Security Guidance или Guidance. Короче, это официальный плагин от Anthropic, который не так давно появился. Он, как вы можете понять из названия, связан с безопасностью. Данный плагин доступен в Claude Code - его нет в Codex. В Codex есть свой плагин для этого всего. Называется Codex Security. Вот так он выглядит. Тоже достаточно неплохой. Но помимо этого плагина, я ещё закину в свой Telegram-канал подборку плагинов для безопасности, которые будут работать и в Codex, и в Claude Code. Поэтому переходите и изучайте. Так вот, пока агент пишет код, данный плагин сразу проверяет его на уязвимости. И в процессе создания кода он сразу же пытается починить эти уязвимости, пока этот код никуда не ушёл. Он работает самостоятельно. То есть ставим один раз, и он постоянно обрабатывает наш код на уязвимости. Он проверяет на трёх уровнях. Первый уровень: на каждой правке, то есть происходит мгновенная проверка на самые явные опасные штуки, открытые пароли в коде, опасные команды и так далее. Это просто быстрый поиск по тексту без обращения к нейросети. То есть на данном уровне наши токены не тратятся. Второй уровень в конце ответа, то есть он отправляет все изменения на более глубокое ревью. Тут всплывает то, что простой поиск пропустит. Какие-то дыры в логике, обход авторизации, инъекции и так далее. И третий уровень на коммите. Это самая глубокая проверка. Тут плагин смотрит не только на изменённые строчки, но и на код вокруг них. Ну, чтобы всю картину понять. И уже по контексту решает, это правда дыра, которую нужно чинить или на самом деле всё о'кей. За счёт этого он реже поднимает ложную тревогу. Короче говоря, чем ближе к сохранению кода, тем внимательнее он смотрит и тем меньше зря дёргает. Вот такой у него принцип. И ключевой момент. Проверяет наш код не тот же агент, что его писал, а отдельный свежий Claude. Соответственно, это помогает с точки зрения того, что наш Claude не будет защищать своё решение, то есть он не защищает свою работу, а честно и точечно проверяет всё. Сами Anthropic говорят, что данный плагин устранил 30-40% замечаний по безопасности на полреквестах. Что, конечно же, достаточно мощно.

Важный момент, с помощью данной команды вы не сможете сделать полноценный security review, как мы делали с SEO. Этот плагин немножко для другого создан. Он как раз-таки создан для того, чтобы ловить ошибки, которые происходят в моменте. То есть этот плагин работает на хуках, а не на слэш-командах. Для того, чтобы провести аудит по безопасности, у нас есть команда, которая называется Security Review. Вот с помощью данной команды как раз-таки можно провести аудит по безопасности. Всё, мы вбили эту команду, и он самостоятельно начал проводить аудит по безопасности. То есть, ещё раз, Guidance - это, так сказать, безопасник в моменте. Он работает самостоятельно, автоматически, пока пишется код. А команда /Security Review, соответственно, проводит полноценный аудит по безопасности, находит эти дыры и предлагает их исправление. Это, так сказать, разовая проверка готового кода.

На этом у меня на сегодня всё. Пишите в комментариях, какими плагинами и скилами пользуетесь лично вы для реализации своих проектов. Будет интересно почитать. Всем спасибо за просмотр. Надеюсь, этот видеоролик был для вас полезен. Всем пока.