Практичний воркшоп

Задеплой фічу в кодовій базі, яку ти бачиш вперше

Практичний воркшоп із Claude Code на реальному, незнайомому коді Chrome-розширення — прочитати його, розширити й отримати робочу фічу за одну сесію. Не черговий туторіал з порожнього файлу.

Дізнатись про наступну дату

Публічного розкладу поки немає — невеликі групи, за запитом.

Навіщо цей воркшоп

Більшість контенту про AI-кодинг починається з порожнього файлу. Пишеш промпт — з’являється to-do застосунок, всі аплодують. Це не схоже на реальну інженерну роботу.

У реальності тебе кидають у чужий код — з чужими рішеннями, без документації, під дедлайн, який ти не ставив. Саме тут AI-інструменти або економлять тобі години, або тихо створюють безлад, який потім розгрібати тобі.

Цей воркшоп побудований саме навколо цієї ситуації. Ти відкриєш реальне, робоче Chrome-розширення, яке бачиш вперше, і використаєш Claude Code, щоб зрозуміти його, розширити й задеплоїти фічу, що працює — так само, як в перший робочий день на новому проєкті.

Що ти збудуєш

Ти розширюєш продакшн Chrome-розширення для моніторингу нових оголошень на сайтах. До кінця сесії воно підтримуватиме новий сайт, якого зараз не покриває — і, за бажанням, крок AI-фільтрації (через OpenAI API), який показує тільки ті оголошення, що дійсно важливі.

  • Власний форк розширення, розширений тобою
  • CLAUDE.md (або AGENTS.md), який ти написав для реального проєкту
  • Щонайменше один перевикористовуваний Claude Code Skill
  • Інструмент моніторингу, що реально працює, на сайті, який обрав ти

Чого ти навчишся

Швидко картографувати незнайомий код

де живе логіка, як частини спілкуються між собою — ще до того, як торкнешся коду

Промптити Claude Code на розширення коду, а не генерацію

інший навик, і саме той, яким ти реально користуватимешся на роботі

Коли писати CLAUDE.md / AGENTS.md

і що туди насправді треба класти — більшість роблять це неправильно

Створювати Claude Code Skill

щоб не пояснювати одну й ту саму задачу щосесії

Розвивати відчуття міри

що довіряти повністю, що перевіряти рядок за рядком, а що не делегувати ніколи

Основи архітектури Chrome-розширень

manifest, content scripts, background workers, обмін повідомленнями

Підключати AI-фільтрацію до пайплайну скрапінгу

через OpenAI API (опційно, якщо встигаємо)

Швидко дебажити зміни, написані AI

замість того, щоб перепромптовувати і сподіватись

Кому підійде

  • Software-інженерам, які хочуть швидше працювати з AI на реальному коді, а не на іграшкових проєктах
  • Технічним засновникам, яким треба рухатись швидко, не пишучи кожен рядок самостійно
  • Тим, хто вже користується Claude Code, Cursor або Codex і хоче робити це усвідомлено, а не навмання
  • Всім, кому набридли AI-демо, що працюють лише на порожньому файлі

Кому не підійде

  • Абсолютним новачкам без досвіду програмування — потрібно вільно читати JavaScript/TypeScript
  • Тим, хто шукає презентацію про "майбутнє AI" — тут 100% практики
  • Тим, хто хоче отримати готовий інструмент "під ключ" — будувати доведеться самому
  • Тим, хто шукає буткемп з програмування з нуля — тут це вже передбачається

Формат

Невелика група, навмисно обмежена — щоб кожен отримав реальну увагу. Це не вебінар.

Короткий live-огляд кодової бази й налаштування Claude Code, далі — структуровані блоки для розробки з допомогою на місці. Більшість часу — це побудова, а не слайди.

Онлайн або офлайн, залежно від групи — уточнюємо, коли ти звернешся.

Що потрібно з собою

  • Ноутбук з VS Code та Node.js
  • Встановлений і авторизований Claude Code (достатньо безкоштовного або Pro акаунту)
  • Впевнене читання JavaScript або TypeScript
  • Базовий Git (clone, commit, branch)
  • Опційно: ключ OpenAI API, якщо хочеш спробувати крок AI-фільтрації

Питання, які виникають найчастіше

Про мене

Я AI Enablement консультант і software-інженер. Допомагаю розробникам і компаніям впроваджувати AI у щоденну інженерну роботу — не в теорії, а на практиці.

Цей воркшоп виріс безпосередньо з продакшн-роботи: побудова й підтримка інструментів скрапінгу та браузерної автоматизації для реальних клієнтів у AIScrapers. Chrome-розширення, з яким ти працюватимеш на воркшопі, взяте з тієї ж роботи, а не зроблене як навчальний макет.

Хочеш на наступний воркшоп?

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

Зазвичай відповідаю протягом дня.