JavaRush /Курси /Claude Code SELF /Крамниця чудес: плагін і картинка

Крамниця чудес: плагін і картинка

Claude Code SELF
Рівень 5 , Лекція 3
Відкрита

1. По одному скілу збирати довго

Тьома сходив за кавою й вирішив змінити тему — треба дати час, щоб усе вляглося в голові. Лендинг зачекає — у Тьми накопичилося питання ще важливіше. Учора він додав ШІ-агенту один скіл під дизайн, і стало помітно краще. А тепер його не відпускає думка: а можна якось ще крутіше? Не по одному ж скілу додавати щоразу.

— Слухай, ось скіл, — заходить Тьома. — Учора один поставив — здорово допоміг. Я так зрозумів, що таких скілів багато. Я б хотів одразу повстановлювати всі найпопулярніші — разом — і подивитися, як піде. Тільки ж вони одне одному не заважатимуть? А то возитися з налаштуванням кожного мені зараз зовсім не хочеться.

— О, хороший хід, — киває Льоха. — І тобі пощастило: разом — можна. Справді, збирати арсенал по одному скілу за раз — це довго. Один скіл для дизайну, інший для текстів, третій ще під щось. Так ти весь день просидиш. Але є готові комплекти — кілька скілів в одній упаковці, уже підігнані одне під одного, без конфліктів. Поставив один набір — і ШІ-агент готовий закрити тобі всю тему цілком.

— Звучить дуже цікаво. І обнадійливо. Можна детальніше?

— Усе просто. Називається ця група скілів — плагін. Слово ти, до речі, вже чув — коли ставив плагін платформи JavaRush і плагін Claude Code в IDEA. Там плагін був доповненням до редактора. Тут — плагін Claude Code, доповнення вже до ШІ-агента. Ідея та сама, тільки чіпляєш не до програми, а до самого ШІ.

2. Плагін — це ящик інструментів «все включено»

— Давай розділимо дві теми, щоб не плутати, — продовжує Льоха. — Скіл — це одне вміння. Одна здатність, яку ти агенту додав. А плагін — це група скілів на одну тему, зібраних разом: кілька скілів, готові помічники, автодії, іноді підключення до зовнішніх сервісів і власні слеш-команди — усе під одну тему одразу. Не збираєш оснастку по гвинтику — ставиш набір інструментів цілком однією командою.

Він наводить образ:

— Уяви дриль. Скіл — це одна насадка для неї. Корисна, але одна. А плагін — це цілий ящик з інструментами: сама дриль, усі насадки під різні отвори, зарядка, усе під конкретну роботу й підібрано одне до одного. Відкрив ящик — і в тебе одразу все потрібне, не бігаєш докуповувати по одній насадці.

Програмісти такий підхід використовують десятиліттями. Спочатку пишуть окремі функції або класи — це скіли. А потім обʼєднують їх у бібліотеки під конкретну задачу — це вже плагін. Можливо, плагін — не надто вдале слово, але воно прижилося. Тож це фактично синоніми: бібліотека скілів — це плагін до Claude Code.

Тьома пробує переказати своїми словами:

— Тобто скіл — це один інструмент, а плагін — цілий ящик інструментів під конкретну тему, який я разом чіпляю до Claude Code.

— Саме так. Плагін — увесь ящик однією командою.

3. Звідки плагіни беруться і як поставити

— А де їх узагалі беруть, ці ящики? — Тьома вирішив перейти від теорії до практики.

— Плагіни зберігаються в каталогах плагінів, англійською marketplace, — Льоха відкриває сесію. — Працювати з ними просто, у два кроки: спочатку підключаєш каталог плагінів, потім ставиш із нього потрібний плагін. Прямо в сесії, командами через слеш. Дивись, як це виглядає на будь-якому плагіні.

Він показує чотири рядки:

/plugin marketplace add anthropics/claude-plugins-community   # підключити каталог плагінів
/plugin install імʼя-плагіна@claude-community                  # поставити плагін під тему
/reload-plugins                                               # увімкнути його в цій сесії
/plugin list                                                  # перевірити: плагін у списку

— Давай розберемо кожен рядок, — пропонує Льоха, не даючи Тьомі потонути. — Перший, /plugin marketplace add, — це «підключи каталог плагінів». Вказуєш повну назву репозиторію, ось цю anthropics/claude-plugins-community — публічний каталог спільноти. У нього зʼявляється короткий аліас — claude-community, за ним далі й ставиш.

— А таких каталогів багато?

— Уже купа. Є офіційний, від Anthropic, творців Claude Code, — він вбудований, його підключати не треба, він уже на місці, і плагіни там надійні. А є каталоги спільноти розробників — їх роблять інші люди. Вибору більше, але й якість різна: до чужого каталогу стався як до будь-якої штуки з інтернету — бери лише з перевіреного місця.

— Гаразд. А друга команда?

/plugin install — поставити конкретний плагін. Ліворуч — імʼя плагіна, праворуч після собачки — короткий аліас каталогу, claude-community. Тобто «постав мені ось цей плагін ось із цього каталогу».

— А /reload-plugins навіщо?

— Завантажити плагін на диск — ще не означає увімкнути його в роботу. Цей рядок каже агенту: «підхопи те, що приїхало, прямо зараз, у цій сесії». Не зробиш — плагін лежить установлений, а вмінь його агент не бачить: натискатимеш, а він працюватиме по-старому. Скіли, які ти руками кладеш у проєкт, агент помічає сам; а от привезене з каталогу треба увімкнути цією командою. Четверта, /plugin list, — просто переконатися, що він став і є в списку встановлених.

— І що, всередині одного плагіна справді настільки багато всього корисного?

— У цьому й фішка. Усередині плагіна приїжджає одразу кілька скілівне один скіл, як минулого разу, а ціла група під тему. Побачити ефект легко на чомусь простому. Хоч на візитці. Попроси ШІ-агента:

Зроби просту сторінку-візитку про мене, красиво.

— І агент застосовує всю пачку скілів із плагіна разом. Результат — звʼязний і «дорогий», а не сірий чернетковий варіант за замовчуванням. Ось вона, різниця. Учора ти додав ШІ-агенту один скіл. Зараз — цілий плагін, усю тему однією командою. І результат буде помітно сильнішим.

Тьома дивиться на охайну візитку, зібрану з нічого, і ловить те саме відчуття «крамниці чудес» — ніби зайшов і набрав арсенал артефактів. Поки він експериментує не на своєму лендингу, а на дрібничці, але механіку вже бачить наскрізь: підключив каталог, поставив плагін, ШІ-агент прокачується по темі цілком.

— Дрібниця на майбутнє, — додає Льоха. — Свої команди плагін додає з префіксом, через namespace — на кшталт /плагин:чтото. Це щоб команди різних плагінів між собою не плуталися. Зараз не дуже важливо, просто запамʼятай на майбутнє.

4. Бонус: «зроби за картинкою»

Тьома згадує свою невирішену задачу — ту саму, з картинкою-референсом.

— Слухай, а от картинка. Ти обіцяв показати фокус. У мене ж зразок у вигляді скриншота, а агент працює з літерами. Як він його зрозуміє?

— Та й не треба особливо розуміти його вручну, — Льоха майже сміється. — Дивись, який фокус. Кидаєш агенту будь-який скриншот:

Зроби сторінку схожою на цей скриншот.   [додаєш картинку]

— І агент збирає схожу сторінку за картинкою. Кинув скриншот — отримав схожий макет.

— Стоп, він що, бачить картинку? Очима? Ти ж казав, він тільки з текстом працює.

— Ось тут трохи пригальмуй із захватом, — Льоха не дає піти в нетрі. — Бачить — у певному сенсі так. Але як саме це влаштовано технічно — сьогодні не розбираємо. Сашко зараз усе зробить за тебе: де треба, він сам зніме з картинки словесний опис і передасть далі в роботу. Тобі нічого робити не треба.

— Тобто фокус є, але ми в нього поки не ліземо?

— Поки — ні. Під капотом там тонкість про те, яка модель «уміє бачити» картинки, і ми її свідомо розберемо значно пізніше. Сьогодні просто запамʼятай прийом: кинув скриншот — отримав схоже. Це твій бонус на сьогодні, а не окрема лекція. Лекція, звісно, буде, але пізніше.

Для Тьми це лишається приємним вау — «він зробить лендинг за картинкою!» — і він уже прикидає, як цей фокус стане в пригоді з референсом замовника. Але Льоха має рацію: зараз це просто хитрий прийом, а не урок.

5. Готові інструменти в роботі

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

— А як ним користуватися, плагіном? — уточнює Тьома. — Як викликати скіли, які всередині?

— Не треба нічого викликати. Зазвичай просто кажеш задачу словами — ШІ-агент сам бере з плагіна потрібний скілл. Хочеш конкретну дію — у плагіна бувають свої команди, ті самі з префіксом. Але це рідко. І ще запамʼятай на майбутнє: уперся в нову тему — спершу глянь, чи немає під неї готового плагіна в каталогах, і лише потім роби свій сам. Не треба вигадувати молоток.

— А сенс усього цього, я так розумію, один, — підхоплює Тьома. — Це все готові штуки, які я ставлю й якими користуюся. Як скіли, тільки різні.

— Саме так, і це головне, що треба винести з нашого чату, — Льоха задоволений. — Під Claude Code таких готових інструментів вагон, під найрізноманітніші задачі. І — тримайся — навіть викласти сайт в інтернет можна через готовий інструмент, а не руками в консолі. Є й такий.

Тьома аж випростовується:

— Стоп. Тобто й деплой — теж ось така штука, яку можна поставити?

— Теж. І тобі це прямо зараз стане в пригоді. — Льоха не розгортає, тримає на гачку. — Досить тренуватися на візитках. У практиці беремо по-справжньому: і дизайн-плагін, і інструмент для деплою — і збираємо ними твій лендинг крок за кроком. Щоб ти не просто послухав, а руками зробив і отримав живе посилання. Ходімо.

Коментарі
ЩОБ ПОДИВИТИСЯ ВСІ КОМЕНТАРІ АБО ЗАЛИШИТИ КОМЕНТАР,
ПЕРЕЙДІТЬ В ПОВНУ ВЕРСІЮ