Підсумки першого рівня

1. 🚀 Claude Code — не просто чат, а ШІ-агент

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

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

Проте агент не знає наперед, чого саме ви хочете. Чим зрозуміліше поставлено завдання, тим кращим буде результат 🤔 Ви вже побачили цей принцип у дії: описали гру кількома реченнями — і отримали саме її.

2. 🏆 Що ви зробили за один рівень

Давайте просто подивимося на рахунок.

🎈 Гра-клікер. Неонові кулі, частинки, звук, таймер, рахунок. Ви описали її словами — і вона зʼявилася.

🧱 Арканоїд. Ракетка, стіна з цеглинок, відскоки. Друга гра за той самий день.

✨ Золоті цеглинки. Ви взяли готову гру і переробили під себе однією фразою.

📄 Сторінка-шпаргалка. Не гра, але тією ж командою: сказали словами — отримали готову сторінку.

🧹 Порядок у проєкті. Файли розкладено по папках, і це теж зробили не ви руками.

🔧 Робоче місце розробника. Вісімнадцять програм: сам ШІ-агент, два середовища розробки з плагінами, мови, утиліти збирання, система контролю версій, розпізнавання мовлення. Усе встановлено, звʼязано між собою і залогінено. Зазвичай на це йде робочий день, а в людей досвідченіших — і не один. У вас пішло пів години, і більшу частину цього часу ви просто чекали.

Дві ігри, сторінка-шпаргалка і повністю зібране робоче місце. За один рівень. Не написавши руками жодного рядка коду.

Ще вчора кожна з цих речей означала б тижні вивчення HTML, CSS і JavaScript. Сьогодні вона означає одну зрозуміло сформульовану фразу.

3. 🥇 Що ви тепер знаєте

💻 Програма — це файли. Не хмара і не магія. Будь-який проєкт — це папка, а в ній файли, які можна відкрити й подивитися. Агент працює саме там.

🤖 Чат віддає текст, агент робить роботу. У цьому вся різниця, і саме вона перетворює розмову з ШІ на робочий інструмент.

💬 Сесія — це ваш робочий діалог з агентом. Усередині однієї сесії він памʼятає, про що йшлося: щоб доробити гру, не потрібно пояснювати її заново.

▶️ Запуск. Права кнопка по HTML-файлу → Run — і сторінка відкривається, як звичайна сторінка в браузері.

🌍 Термінал. Другий спосіб керувати компʼютером — не мишкою, а командами. У нього завжди є поточна папка: pwd показує, де ви стоїте, ls — що навколо, cd — перехід, mkdir — створення папки. І чорне вікно більше не лякає — а це, мабуть, важливіше за самі команди.

4. 🎮 Фінал рівня

Залишилося дві справи. І обидві приємні.

Увесь рівень ШІ працював на вас. Тепер ви зберете ШІ, який грає проти вас — і обіграти його не вийде. У цьому й сенс.

5. 🚀 Ви переходите на наступний рівень

Ось тепер можна перерахувати: три ігри, дві сторінки і робоче місце розробника. За один рівень.

Вітаю, ви пройшли перший рівень. Лише один рівень — а в проєкті вже стоїть полиця з вашими іграми.

Чудово! Звісно, наступні рівні будуть не такими легкими, але їхня складність зростатиме поступово. Так само, як і складність практичних завдань. Прямо як у спортзалі: потроху піднімаємо навантаження, і новачок через пів року тисне від грудей стокілограмову штангу 💪

Нудні уроки залишилися в XX столітті. Це ж треба: спочатку місяцями вивчати код, а вже потім створювати першу гру. Там, мабуть, і динозаври по вулицях ще ходили 🦕

А завтра все стане серйозніше. Іграшки ви робили для себе: вийшло криво — посміялися і переробили. Далі буде робота, яку доведеться показувати людям. І виявиться, що найважче — зовсім не змусити агента зібрати сторінку 😉

Ви переходите на наступний рівень! 🚀

6. Що почитати далі

Хочеш зрозуміти, що відбувається між твоєю фразою і відповіддю? З чого складається один крок агента, чому він відкриває той самий файл двічі і чому «готово» від агента ще не кінець роботи — усе це розібрано в окремій статті «Агентний цикл: що Claude Code робить, поки ви чекаєте на відповідь». Від запиту до твоєї перевірки.