Безумные навыки Claude, которые реально ускорят вашу вайб-кодинг в 10 раз
AAI LABS
Computing/SoftwareAdvertising/MarketingSmall Business/StartupsInternet Technology
Transcript
00:00:00Навыки агентов делают ваших ИИ-агентов намного мощнее. Именно поэтому мы расскажем о шести
00:00:05удивительных навыках, которые помогут вам создавать продукты с помощью ИИ гораздо быстрее. Но эти навыки не заменят
00:00:10тот способ работы, к которому вы уже привыкли. Если у вас уже есть устоявшийся рабочий процесс с агентом, вы можете
00:00:14продолжать им пользоваться. Эти навыки ничего не сломают. Вместо этого они добавят новые возможности вашему ИИ-помощнику
00:00:19по кодированию, о которых вы, возможно, раньше даже не задумывались. Эти навыки созданы некоторыми
00:00:24из самых известных людей в сфере ИИ. Например, один из них дает нам четыре правила, которые мы используем
00:00:29в абсолютно каждом проекте по программированию с ИИ. Другой полностью меняет то, как ИИ-агенты видят интернет и используют
00:00:35веб-сайты. Если вы впервые на нашем канале, то добро пожаловать. Мы — софтверная компания, а это AI
00:00:40Labs. И в этом видео мы разберем шесть навыков, которые определенно изменят ваш подход к работе
00:00:45с ИИ-агентами. Самая большая проблема с навыками заключается вовсе не в их создании, а в поддержании актуальности. Каждый
00:00:50раз, когда ваш агент совершает ошибку, вам приходится замечать это и самостоятельно улучшать навык. Но навык
00:00:55наблюдателя за задачами делает это прямо во время вашей реальной работы. Вся идея этого навыка заключается в том, что
00:01:00навыки становятся лучше благодаря проблемам, с которыми вы сталкиваетесь в процессе реальной работы. Нельзя один раз сесть
00:01:05и предсказать каждую ошибку, которую совершит агент. Поэтому он отслеживает полезные уроки в ходе работы. Если
00:01:10то же самое решение может стать новым навыком, он фиксирует это. А если существующему навыку требуется новое правило,
00:01:15он записывает и его. При установке этого навыка у вас есть два варианта. Вы можете установить его в
00:01:19основную папку .claude, что заставит его работать во всех сеансах Claude Code на вашем компьютере. Или вы
00:01:25можете установить его внутри одного проекта. Мы рекомендуем устанавливать его для каждого проекта отдельно, так как это сохраняет
00:01:29уроки для каждого проекта изолированно и облегчает их управление. После установки он создает
00:01:34файл log.md, в который записывается всё, что он замечает. Этот файл находится внутри главной папки Claude Code
00:01:40на вашем компьютере, за пределами самого проекта. Если вы устанавливаете навык для каждого проекта, каждый проект
00:01:45ведет свой собственный лог. Рядом находится еще один файл для правил, которые должны применяться ко всем вашим навыкам.
00:01:51Допустим, вы решили, что ни один из ваших навыков никогда не должен записывать настоящее имя клиента в файл.
00:01:56Это правило относится не только к тому навыку, который вы использовали в данный момент, оно должно применяться ко всем. Поэтому оно попадает
00:02:00в этот второй файл. Во время настройки этот навык также просит вас добавить инструкцию в ваш файл claude.md.
00:02:06Эта инструкция заставляет Claude запускать навык во время вашей работы, чтобы он мог продолжать находить уроки и
00:02:11улучшения. В логе каждый навык получает свой собственный раздел, а предлагаемые изменения записываются
00:02:16под ним. Но этот навык не сразу изменяет реальный навык. Уроки из лога
00:02:21используются в будущих сеансах, и вы можете просмотреть их, прежде чем решать, должны ли они стать
00:02:26постоянной частью навыка. Это мешает одному неудачному результату автоматически превратиться в правило, которому
00:02:31агент будет следовать вечно. Мы столкнулись с этим при использовании навыка для создания анимаций для наших видео.
00:02:36В этом проекте много пользовательских инструкций, которые придают анимациям их уникальный вид, и мы
00:02:42постоянно их совершенствуем. Многие из этих анимаций включают логотипы брендов. Модели не могут создавать эти
00:02:47логотипы правильно самостоятельно. Поэтому нам нужно передавать им логотип в формате кода под названием SVG. Раньше мы
00:02:52получали эти файлы вручную с сайта LoebHub. У LoebHub также есть инструмент, который агенты могут запускать из
00:02:58терминала, поэтому наш агент решил, что может использовать этот инструмент для получения логотипов, но инструмент был создан
00:03:02для других целей и потерпел неудачу. Этот навык зафиксировал, что инструмент LoebHub не следует использовать для нашей
00:03:08системы анимации. Он также нашел правильный источник для получения логотипов и записал это как новое
00:03:13правило. Мы просмотрели оба урока и добавили их в навык. Теперь агент анимации точно знает, где
00:03:18брать логотипы брендов и может добавлять их без нашего ручного вмешательства. Но прежде чем мы перейдем к следующему
00:03:23навыку, было бы здорово, если вы подпишетесь на канал и нажмете кнопку лайка. Этот небольшой жест
00:03:28поддержки очень много значит для нас. Ваш агент может создать работающий продукт, но работающий продукт все равно может
00:03:34потерять пользователей до того, как начнет приносить хоть какие-то деньги. Следующие навыки охватывают те части вашего приложения, которые предотвращают
00:03:39это. Эти навыки созданы Кори Хейнсом и являются частью коллекции из 48 маркетинговых
00:03:44навыков. Название может звучать так, будто они предназначены только для рекламы и контента, но эта коллекция охватывает
00:03:49все различные способы монетизации продукта, и три из них встроены непосредственно в приложение.
00:03:54Во-первых, у нас есть очень важная часть приложения, которую большинство программирующих с ИИ людей полностью упускают из виду
00:03:59— это онбординг. Онбординг — это процесс, который помогает новому пользователю настроить продукт и начать им
00:04:04пользоваться. Затем у нас есть главное средство для конверсии — это ваш пейволл (экран оплаты). Пейволл
00:04:09— это экран, который появляется, когда пользователь пытается воспользоваться платной функцией. И в-третьих,
00:04:14у нас есть отток (churn) — один из важнейших показателей для понимания того, остаются ли люди с
00:04:18вашим продуктом. Отток — это когда пользователи, платившие за ваш продукт, перестают платить. Итак, это приложение,
00:04:23которое мы будем использовать до конца видео. Это приложение на Next.js — одном из стандартных способов
00:04:28создания веб-приложений, и мы создали его для спортзала. Люди могут использовать его, чтобы купить абонемент в зал, выбрать
00:04:33тренера и подобрать упражнения. Практически всё необходимое для управления спортзалом находится в одном
00:04:38приложении. В качестве базы данных мы используем Supabase, что является одним из самых простых способов хранения всего,
00:04:43что нужно приложению. В ней хранятся пользователи и вся информация внутри приложения, а также она управляет системой
00:04:48авторизации. Если мы откроем папку навыков, вы увидите три маркетинговых навыка наряду с навыками
00:04:53Supabase. И именно для этого нужен навык. Вы используете его, чтобы предоставить агенту информацию, которой у него
00:04:58еще нет. Supabase постоянно обновляется, поэтому обучающие данные модели не всегда совпадают с
00:05:03версией, которую вы используете. К тому же это одна из самых популярных баз данных для подобных приложений. Поэтому, если вы
00:05:08создаете что-то на её базе, эти навыки стоит установить. Мы также дадим ссылки на них в описании.
00:05:12Начнем с навыка онбординга: то, на что вы здесь смотрите, — это прототип. Это значит, что
00:05:16он еще не добавлен в реальное приложение. Он здесь только для того, чтобы показать нам, к чему привел этот навык. До
00:05:21использования навыка регистрация требовала ответов на пять разных вопросов в ходе пяти отдельных шагов. Это
00:05:26сильно затрудняло для пользователя попадание внутрь приложения и начало работы с ним. Поэтому новая версия автоматически заполняет
00:05:31имя человека на основе уже заполненной им карточки. Когда они создают свой аккаунт, единственное новое,
00:05:35что запрашивается — это расположение их спортзала. После этого приложение перенаправляет их прямо к тарифным планам
00:05:40и сразу выбирает самый популярный из них, что облегчает принятие решения. Это не выдуманные
00:05:45варианты. Они основаны на поведении людей в реальных продуктах за годы тестирования. Как только
00:05:50пользователь заходит в приложение, каждый удаленный нами шаг настройки переносится в полосу прогресса внизу экрана.
00:05:55Приложение запрашивает только ту информацию, которая нужна для старта, а уведомление остается там до тех пор,
00:06:00пока они не завершат остальное позже. Но привлечь кого-то в приложение еще не значит заставить его платить за него. Вот
00:06:05тут на сцену и выходит навык пейволла. Подход этого навыка заключался в том, чтобы позволить людям регистрироваться бесплатно,
00:06:10а затем показывать им, что они получат, если оплатят подписку. Часть контента доступна,
00:06:14в то время как остальное остается заблокированным. Затем этот экран перенаправляет их прямо на страницу цен, где они могут
00:06:19разблокировать его. Вы уже видели этот паттерн во множестве приложений, но если вы просто попросите агента добавить
00:06:24пейволл, он обычно не станет делать такой выбор, потому что у него не заложены эти принципы.
00:06:29И даже добившись оплаты от пользователя, вы еще не гарантируете, что он продолжит платить. Поэтому последний навык посвящен
00:06:33предотвращению оттока. Для этого у нас есть страница отмены. Когда кто-то пытается отменить свою подписку,
00:06:38приложение не закрывает ее сразу. Сначала оно спрашивает, почему они хотят уйти. Как только они выбирают причину,
00:06:44оно предлагает им более выгодное предложение на основе этого ответа. На экране также используются мелкие дизайнерские решения для сокращения
00:06:49отмен. Приостановка подписки сделана главной кнопкой на странице, в то время как продолжение
00:06:53отмены отображается в виде обычного текста под ней. Однако эта реализация все еще остается общей,
00:06:58поскольку это демо. Как только вы предоставите навыку данные ваших реальных пользователей и детали того, что вы продаете,
00:07:03его решения станут гораздо более специфичными для вашего продукта. Большинство проблем с агентами кодирования проистекают не
00:07:09из самого кода. Они возникают из-за того, что агент принимает решения, о которых вы его не просили. Этот следующий
00:07:14навык превращает советы Андрея Карпаты в четыре правила, которые останавливают подобное поведение. Первое правило запрещает
00:07:20агенту додумывать за вас, когда ваш запрос неясен. Он должен озвучить свои предположения, показать вам
00:07:25различные варианты и спросить, прежде чем принимать решение, которое может увесть проект в другую сторону.
00:07:29Второе правило запрещает ему создавать больше, чем вы просили. Он должен использовать самое простое работающее решение
00:07:35вместо добавления лишних функций, настроек или систем для проблем, которых у вас еще нет.
00:07:39Третье правило запрещает ему менять что-либо за пределами поставленной вами задачи. Он должен соответствовать тому,
00:07:44что уже есть, убирать только созданный им самим беспорядок и сообщать вам о других проблемах вместо того, чтобы исправлять
00:07:49их самостоятельно. И последнее правило запрещает агенту считать работу завершенной только потому, что он что-то
00:07:54изменил. Прежде чем начать, он должен определить, каким должен быть результат и как он будет его проверять.
00:07:59Затем он должен продолжать работу, пока все проверки не пройдут успешно. Вы можете установить это как обычный навык,
00:08:04но мы используем его немного иначе, поскольку эти правила должны быть в каждом проекте по программированию. На наших
00:08:09Mac мы храним все наши проекты по разработке в одной папке разработчика. Мы присвоили этой папке собственный
00:08:15значок и перетащили ее на боковую панель Finder, чтобы каждый проект начинался с одного и того же места.
00:08:20Внутри этой папки разработчика мы не устанавливаем это как навык. Мы копируем четыре правила в файл
00:08:25claude.md в корневом каталоге папки. Claude Code читает файл claude.md внутри проекта и
00:08:31и любые файлы clawed.md в папках выше. Поэтому каждый раз, когда мы открываем проект по кодингу внутри
00:08:37папки разработчика, эти четыре правила загружаются вместе с собственными инструкциями этого проекта. Это
00:08:42наделяет каждый проект по кодингу одинаковыми базовыми правилами, не применяя их к несвязанным сеансам
00:08:48clawed code на остальном компьютере. Одно из главных ограничений ИИ-агентов заключается в том, что они
00:08:53до сих пор плохо пользуются веб-сайтами. Браузерным агентам приходится открывать каждую страницу,
00:08:58находить нужные кнопки и медленно продвигаться по сайту. OpenCLI меняет это, превращая более 100 сайтов,
00:09:04включая те аккаунты, в которые вы уже вошли, в команды, которые ваш агент может выполнять напрямую. Причем
00:09:08это не просто навык, у него есть три взаимосвязанных компонента. У вас есть основной инструмент OpenCLI,
00:09:14расширение для Chrome и набор навыков, которые учат вашего агента пользоваться всем этим. OpenCLI уже умеет
00:09:19выполнять различные задачи на более чем 100 веб-сайтах. Каждая команда делает что-то одно понятное, поэтому
00:09:24вместо того чтобы просить агента открыть X, найти закладки и все скопировать, он может запустить одну
00:09:30команду и получить ваши закладки в виде аккуратного списка. Расширение для Chrome подключает OpenCLI
00:09:35к сайтам, на которых вы уже авторизованы. Это значит, что агент может использовать ваш аккаунт без
00:09:40необходимости заново вводить пароль. Затем навыки учат агента находить нужную команду, создавать новую,
00:09:45если это нужно, и исправлять ее, если сайт меняется. Хороший пример — X. X берет плату за доступ к своему
00:09:51официальному API, с помощью которого другое ПО может использовать его данные. Но если вы уже вошли в X
00:09:57через Chrome, OpenCLI позволяет вашему агенту искать посты, читать закладки, публиковать записи, отвечать
00:10:02и подписываться на людей через ваш аккаунт. Так что, если вы исследуете идею для продукта, ваш агент
00:10:08может найти, что люди говорят об этой проблеме. Он также может собрать все сохраненные вами посты и
00:10:13превратить их в удобный список для исследования. Это создано для задач, которые вы запускаете на сайтах,
00:10:18используя собственный аккаунт. Это не заменяет официальные инструменты внутри приложения, которое вы продаете
00:10:24другим людям. ИИ-модели склонны повторять одни и те же дизайны. Поэтому вместо того, чтобы соглашаться
00:10:29на первый предложенный вариант, стоит запросить несколько версий и сравнить их. Но в реальном проекте
00:10:34следить за несколькими версиями каждой части страницы очень быстро становится трудно. Здесь на помощь
00:10:39приходит навык very 8. Он от того же автора, который создал навык дизайн-гайдлайнов, набравший много
00:10:45звезд и уже фигурировавший на нашем канале. В основном мы рекомендуем этот навык для лендингов,
00:10:50потому что он сильно упрощает тестирование разных идей. Итак, это наше прежнее приложение-тренажерный зал.
00:10:55Этот навык добавляет небольшое меню, позволяющее создавать и сравнивать разные версии одного элемента
00:11:00приложения. Мы добавили его на лендинг. Так что, как только мы входим в систему и попадаем в основное
00:11:05приложение, меню исчезает. С помощью этого меню мы можем переключаться между всеми различными версиями.
00:11:10Прямо сейчас мы сделали варианты только главного баннера. Поэтому при переключении между ними
00:11:14остальная часть лендинга остается абсолютно прежней. Теперь, это настоящее приложение на Next.js, но если
00:11:20вы смотрите канал, то знаете, что при проектировании приложения мы обычно начинаем с простой HTML-страницы.
00:11:25Вот у нас тот же лендинг, созданный на HTML, и меню very 8 работает здесь точно так же. Мы можем
00:11:30переключаться между версиями и выбрать понравившуюся. Этот выбор отправляется напрямую агенту, после чего
00:11:34мы можем попросить его сделать еще варианты другой части страницы. Это значит, что не нужно переделывать
00:11:40весь лендинг заново каждый раз. Можно опробовать разные версии одной кнопки, секции или шапки и объединять
00:11:45их, пока не найдете идеальную комбинацию. Каждый рассмотренный нами навык помогает агенту создать
00:11:50более качественный продукт, но все это не имеет смысла, если вы строите то, что никому не нужно.
00:11:54Этот финальный набор навыков помогает принять самое первое решение: стоит ли вообще создавать этот продукт.
00:11:59Эти навыки созданы Сахилом Лавиндией, основателем Gumroad — одной из самых популярных платформ для
00:12:04продажи цифровых товаров в сети. Они основаны на его книге «Минималистичный предприниматель», которая
00:12:09была преобразована в 10 навыков. Девять из них проводят вас через этапы создания бизнеса. Первый навык
00:12:14помогает найти аудиторию, для которой стоит строить, и он работает в обратном направлении по сравнению
00:12:19с тем, как большинство людей придумывают идеи. Обычно вы сначала выбираете идею, а потом ищете людей,
00:12:24которым она может быть интересна. Но этот навык начинается с людей. Он заставляет посмотреть на группы,
00:12:29в которых вы уже состоите, и найти проблемы, на которые люди постоянно жалуются. Одна из таких проблем
00:12:34может стать идеей вашего продукта. Затем он проверяет, стоит ли эта аудитория усилий. Он спрашивает,
00:12:39можете ли вы охватить этих людей без затрат на рекламу и тратят ли они уже деньги на решение подобных проблем.
00:12:44Нахождение реальной проблемы дает идею, но все еще не доказывает, что кто-то заплатит за ваше решение.
00:12:49Поэтому второй навык посвящен валидации, то есть проверке того, заплатят ли люди до того, как вы что-то
00:12:54построите. Он не примет размытый ответ вроде «компании» на вопрос, у кого есть проблема. Ему нужны 10
00:12:58реальных людей, которых вы можете назвать, и по меньшей мере трое из них должны заявить, что готовы
00:13:03вам заплатить. Как только вы доказали, что продукт нужен людям, остальные семь навыков подскажут,
00:13:08что делать дальше. Они охватывают выбор минимальной версии, выполнение работы вручную сначала,
00:13:12привлечение первых клиентов, установку цены, маркетинг, рост без привлечения инвестиций и определение
00:13:18того, как управлять компанией до найма сотрудников. Все, что мы создаем и показываем во всех наших видео,
00:13:23можно найти в AI Labs Pro, нашем сообществе. Так что если вам ценно то, что мы делаем, и вы хотите
00:13:28поддержать канал, это лучший способ. Ссылка в описании. На этом наше видео подходит к концу. Если вы
00:13:33хотите поддержать канал и помочь нам дальше снимать такие ролики, вы можете сделать это с помощью кнопки
00:13:38«Спасибо» под видео. Как всегда, спасибо за просмотр, и увидимся в следующем ролике.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video