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

1. Що таке навичка

Тьома повертається до Льохи вже зі зібраною Змійкою. Вона повзає, їсть, росте — але все одно сіра, нудна: кнопки ніякі, шрифт канцелярський. Нічого не грає.

— Ось, — тицяє він у екран. — Працює. А виглядає на три копійки. Я вже просив Сашка зробити гарно — стало трохи краще, але все одно деревʼяно. Він ніби не знає, що я під «гарно» маю на увазі.

— А він і справді не знає, — погоджується Льоха. — «Гарно» у кожного своє, і щоразу пояснювати наново — мука. Хороша новина: якість можна підняти одним рухом. Не вчити CSS, не розписувати щоразу, що таке гарно. Просто додати ШІ-агентові готову навичку.

— Навичку? Це ще що за звір?

— Навичка, англійською skill, — це готове вміння, яке ви надягаєте на агента, — розкладає Льоха. — Уявіть запаковану інструкцію: «коли просять зробити гарно — роби ось так: мʼякі тіні, плавні переходи, продумані шрифти, узгоджені кольори». Одного разу додаєте цю інструкцію — і агент застосовує її сам, вам не треба пояснювати наново щоразу.

Тьома вловлює, куди це бʼє:

— Тобто це вирішує рівно мою проблему. Я ж щоразу заново розписую, що означає «гарно».

— Саме так. З навичкою це сказано один раз і запаковано. Далі працює за замовчуванням. Раніше ти в кожному запиті пояснював наново — тепер пояснив один раз, і все.

І ось тут Тьому прямо несе. Навіщо вчити вміння самому, якщо можна екіпірувати ним інструмент? Не він зубрить CSS — він надягає CSS-вміння на агента. Буквально натягує суперсилу на Сашка.

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

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

— А мені й не треба самому. Мені треба, щоб виглядало, ніби я. За це й люблю.

2. Де лежить навичка і з чого вона зроблена

— І що, це якась магія в хмарі? — допитується Тьома. — Де вона взагалі живе?

— Жодної магії. Навичка — це просто папка з файлом прямо у твоєму проєкті, — Льоха показує шлях:

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

— Давай я поясню кожен елемент шляху, — пропонує він. — Службова папка .claude, всередині неї skills, всередині — папка самої навички, я назвав її web-design, а в ній файл SKILL.md. Звичайний текстовий файл. Відкриваємо — ось що всередині:

---
name: web-design
description: Робить вебінтерфейси красивими — сучасний CSS, плавні анімації,
  дорога палітра. Застосовувати, коли просять «зробити гарно / стильно».
---

# Веб-дизайн

Під час оформлення використовуйте мʼякі тіні, плавні переходи, продуману типографіку,
узгоджену палітру. Анімації — під час наведення й появи елементів.

— Бачиш верхній рядок, 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. Одна навичка — а бувають пачкою?

Тьому вже несе.

— Слухай, а можна так не одну навичку, а одразу купу? Під усе разом?

— Можна, — Льоха не поспішає розгортати тему. — Буває й так: під цілу тему ставлять одразу пачку готових скілів. Але це вже інша історія, до неї ще дійдемо. Поки запамʼятай найпростіше: поклав навичку — агент сам її підхопив — результат став кращим. Один скіл ти щойно вдягнув.

Тьома пʼє третю чашку кави й не може зупинитися: «Я весь час недооцінюю ШІ. І щоразу переконуюся, що найскладніші речі можна просто попросити». Якщо агент із навичкою сам знає, що красиво, — навіщо взагалі тримати його на повідку? І, не надто замислюючись, кидає Сашкові:

Далі роби як хочеш, аби тільки вийшло красиво. Усе дозволяю.
Сашко, витисни максимум із цих скілів. Не зупиняйся, поки все не поліпшиш.

— Давай, Сашку, — кидає він уголос, розвалившись на стільці, як пан. — Карт-бланш. Роби шедевр, а я тим часом допʼю каву.

І ловить чистий кайф: що менше він сам вирішує, то більше магії вилітає назовні.