JavaRush /Курсы /Claude Code SELF /Магазин суперсил: навык (skill)

Магазин суперсил: навык (skill)

Claude Code SELF
4 уровень , 3 лекция
Открыта

1. Что такое навык

Тёма возвращается к Лёхе уже с собранной Змейкой. Она ползает, ест, растёт — но серая, скучная, кнопки никакие, шрифт казённый. Ничего не «играет».

— Вот, — тычет он в экран. — Работает. А выглядит на три копейки. Я уже просил Саню сделать красиво — стало чуть лучше, но всё равно деревянно. Он будто не знает, что я под «красиво» имею в виду.

— А он и правда не знает, — соглашается Лёха. — «Красиво» у каждого своё, и каждый раз объяснять заново — мука. Хорошая новость: качество можно поднять одним движением. Не учить CSS, не расписывать каждый раз, что такое красиво. Просто добавить ИИ-агенту готовый навык.

— Навык? Это что ещё за зверь?

Навык, по-английски skill, — это готовое умение, которое ты надеваешь на агента, — раскладывает Лёха. — Представь упакованную инструкцию: «когда просят сделать красиво — делай вот так: мягкие тени, плавные переходы, продуманные шрифты, согласованные цвета». Один раз поставил эту инструкцию — и агент применяет её сам, тебе не надо объяснять заново каждый раз.

Тёма ловит, куда это бьёт:

— То есть это лечит ровно мою проблему. Я ж каждый раз по новой расписываю, что значит «красиво».

— Оно самое. С навыком это сказано один раз и упаковано. Дальше работает по умолчанию. Раньше ты в каждом запросе объяснял заново — теперь объяснил единожды, и всё.

И вот тут Тёму прямо ведёт. Зачем учить умение самому, если можно экипировать им инструмент? Не он зубрит CSS — он надевает CSS-умение на агента. Буквально натягивает суперсилу на Саню.

— Стоп, Лёх, — он аж подаётся вперёд, глаза горят. — То есть мне не в качалку, а сразу в магазин за бицухой? Купил, надел — и ходишь качок? Да это ж читерство в чистом виде. Мне нравится.

— Можно и так сказать, — хмыкает Лёха. — Только это не ты качок, а Саня. Ты — тот, кто ему мышцы выдаёт.

— А мне и не надо самому. Мне надо, чтоб выглядело, будто я. Вот за это и люблю.

2. Где навык лежит и из чего сделан

— И что, это какая-то магия в облаке? — допытывается Тёма. — Где она вообще живёт?

— Никакой магии. Навык — это просто папка с файлом прямо у тебя в проекте, — Лёха показывает путь:

.claude/skills/web-design/SKILL.md

— Давай я объясню каждый элемент пути, — предлагает он. — Служебная папка .claude, внутри неё skills, внутри — папка самого навыка, я назвал её web-design, а в ней файл SKILL.md. Обычный текстовый файл. Открываем — вот что внутри:

---
name: web-design
description: Делает веб-интерфейсы красивыми — современный CSS, плавные анимации,
  дорогая палитра. Применять, когда просят «сделать красиво / стильно».
---

# Веб-дизайн

При оформлении используй: мягкие тени, плавные переходы, продуманную типографику,
согласованную палитру. Анимации — на hover и появление элементов.

— Видишь верхнюю строчку, description? Вот это самое важное. По ней ИИ-агент сам решает, когда навык пустить в дело. Ты написал в описании «применять, когда просят сделать красиво» — и дальше, когда ты говоришь «сделай красиво», ИИ-агент сам вспоминает про этот навык и берёт его в работу. Вручную указывать не надо — срабатывает автоматически.

Тёма пробует подвести итоги:

— То есть я не кнопку нажимаю, а агент по описанию сам понимает, что тут нужен этот навык?

— Именно так. А берёшь готовый навык из каталога или тебе его дают — и просто кладёшь файл в нужную папку. Кода с твоей стороны — ноль. Детальных инструкций - ноль. Все работает автоматически.

3. Магия «до и после» на одном запросе

— Хватит теории, — Лёха открывает терминал. — Давай увидим разницу на одном и том же запросе. Сначала — без навыка. Проси.

Тёма пишет:

Саня, сделай мою Змейку очень красивой.

ИИ-Агент старается как умеет — чуть подкрутил цвета, чуть шрифт. Лучше, но всё равно дёшево. У него нет чёткого представления, что такое «красиво» именно для Тёмы.

— Видишь? Слабенько. А теперь используем skill. В принципе, ты можешь написать файл SKILL.md сам, Но обычно так никто не делает. Сейчас буквально есть миллионы готовых скиллов. В интернете есть готовые каталоги. Почти как магазин приложений только для скилов.

— А можно я просто скопирую из чата текст, который ты мне недавно объяснял? Про description.

— Хорошо. Кладёшь этот файл в папку .claude/skills/web-design/. Агент подхватывает такие файлы на лету — сохранил, и навык уже в деле, даже перезапускать ничего не надо. Один нюанс: если самой папки .claude/skills/ не существовало, когда ты запускал сессию, — вот тогда сессию придётся перезапустить, на лету не увидит. Проверить, что навык встал, можно так:

/skills           # показать список загруженных навыков — web-design должен появиться

В списке всплывает web-design. Воткнулся.

— А теперь — тот же самый запрос. Слово в слово.

Тёма повторяет:

Саня, сделай мою Змейку очень красивой.

Саня работает минут 5 и наконец в браузере открывается страница. И вот тут у Тёмы отвисает челюсть.

Змейка перестаёт дёргаться по клеткам и плавно скользит. Появляются мягкие тени, дорогая палитра, аккуратные шрифты, на яблоке — мягкий эффект. Та же игра, та же логика — но серая игрушка вдруг выглядит как вещь из дорогого магазина. Тёма ничего не объяснял про «красиво». Это уже было упаковано в скилл.

— Стоп. Запрос-то один и тот же был. Я ничего не делал. Что поменялось?

— Поменялось не у тебя в голове, — Лёха ловит момент и подтрунивает. — Поменялось у ИИ-агента. Ты не разобрался в CSS за минуту. Ты дал ИИ готовое умение — и результат сразу качественно вырос. Вот это и есть скилл в деле.

Он добавляет вдогонку, чтобы добить:

— Кстати, навык можно дёрнуть и явно, по имени, если хочешь наверняка:

/web-design

— Но обычно не нужно — он и сам срабатывает когда нужно

4. Куда именно бьёт навык

— Слушай, а он мне там в логике ничего не сломал? — настораживается Тёма. — Змейка-то ещё ползёт правильно?

— И вот тут пригодится то, что мы утром разбирали. Помнишь три слоя? HTML — каркас, CSS — вид, JS — поведение. Так вот навык улучшил только слой CSS — внешний вид. Логику — как она ползёт, как ест яблоко, как растёт, это JS — он вообще не трогал. Игра работает ровно как работала, просто теперь выглядит дорого.

У Тёмы всё сходится:

— А, то есть он переодел змейку, как ты утром и говорил. Ремонт навёл, проводку не тронул.

— Точно. Навык бьёт точечно. Хочешь поднять красоту — берёшь дизайн-навык, он работает с CSS и в логику не лезет. «Работает» и «выглядит» — разные слои, и качать их можно по отдельности.

— Тогда у меня второй вопрос — а где брать эти навык? Ты же говорил что их миллионы.

— Тёма, тебе понравится мой ответ - ерничает Лёха. Ты всегда можешь написать ИИ-агенту, чтобы он поискал подходящие тебе скилы, или чтобы он установил нужный тебе скилл.

— Подожди, — Тёма аж закашлялся. — Ты хочешь сказать, что мне теперь больше не нужно самому скачивать и устанавливать эти скиллы. Я могу просто сказать агенту установи мне такой-то скилл и он это сделает сам?

— Так я тебе про это и толкую, - подтрунивает Лёха. — Мы же живем в двадцать первом веке. ИИ умеет буквально все.

5. Один навык — а бывают пачкой?

Тёму уже несёт.

— Слушай, а можно так не один навык, а сразу кучу? Под всё разом?

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

Тёма пьет третью чашку кофе и не может остановиться: "Я все время недооцениваю ИИ. И каждый раз убеждаюсь, что самые сложные вещи можно просто попросить." Раз агент с навыком сам знает, что красиво, — чего его вообще держать на поводке? Он, почти не глядя, кидает Сане:

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

— Давай, Саня, — бросает он вслух, развалившись на стуле, как барин. — Карт-бланш. Делай шедевр, а я пока кофе допью.

И ловит чистый кайф: чем меньше он сам решает, тем больше магии вылетает наружу.

1
Задача
Claude code, 4 уровень, 3 лекция
Недоступна
Review текущего diff внутри Claude CLI
Review текущего diff внутри Claude CLI
1
Задача
Claude code, 4 уровень, 3 лекция
Недоступна
Анализ нарушения plan-first workflow
Анализ нарушения plan-first workflow
Комментарии
ЧТОБЫ ПОСМОТРЕТЬ ВСЕ КОММЕНТАРИИ ИЛИ ОСТАВИТЬ КОММЕНТАРИЙ,
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ