JavaRush /Курси /Claude Code SELF /Збираємо красиву гру самі

Збираємо красиву гру самі

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

1. Один запит — до навички й після неї

Льоша щойно водив його за руку — показував на прикладах, як навичка змінює картинку. Це була робота майстра. А тепер Тьома збирає Змійку сам, з нуля — разом із Санею, від робочої сірої гри до крутої речі. У нього вже є все: робоча Змійка (повзе, їсть, рахунок іде — але сіра й незграбна), розуміння трьох шарів і готова дизайн-навичка. Залишилося пройти по кроках.

Перш ніж святкувати, Тьома робить те, що велів Льоша: ставить чесну точку відліку. Спочатку просить Сашка про красу без використання навичок — щоб потім було з чим порівнювати:

Зроби мою Змійку красивою.

Сашко оформлює як уміє: змінює пару кольорів — і все. Тьома відкриває index.html у браузері: сірувато, деревʼяно, так само, як зранку. Це й є точка «до». Він навіть залишає вкладку відкритою, щоб не забути, з чого починав.

Тепер — скіл. Тьома кладе готовий файл у проєкт за шляхом .claude/skills/web-design/SKILL.md. Агент підхоплює його на льоту — залишається лише звірити, що навичку справді підхоплено:

/skills           # web-design у списку є — навичку підхоплено агентом

У виводі /skills є web-design. Навичка підхопилася — можна користуватися.

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

А далі — найсмачніше. Тьома повторює точно той самий запит, що давав на самому початку, слово в слово:

Зроби мою Змійку красивою.

Палець над Enter завмирає. На секунду підкрадається червʼячок сумнівів: запит же один в один той самий, що щойно дав сіруватий результат. Чому раптом зараз має вийти інакше? Файл лежить, у /skills засвітився — а раптом не підхопить і знову ті самі бляклі квадрати? Тьома навіть позирає на сусідню вкладку «до», ніби готує собі виправдання. І все-таки тисне.

Чорний екран. Один удар серця — нічого. Другий.

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

Тьома повільно відводить руку від клавіатури.

— Та ну, — каже він тихо, в порожнечу. — Я ж не дописав жодного слова.

І справді — жодного слова про «красиво» він не додав. Запит був той самий. Різницю зробила навичка, яка стала між двома запитами: агент сам підхопив її за полем description і натягнув дорогий стиль.

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

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

2. Перевіряємо, що логіка не зламалася

Перш ніж хвалитися, Тьома за звичкою перевіряє, чи не зламала навичка щось усередині. Сідає грати всерйоз: змійка повзе, яблуко зʼїдається, рахунок росте — точно так само, як раніше. Жодного збою в правилах. Ось воно, рівно як Льоша пояснював: навичка залізла лише в шар вигляду — у CSS, а логіки — у JS — узагалі не чіпала. Гра працює так само, просто тепер виглядає дорого. І він вірить не на слово, а власним очам: «працює» і «виглядає» — і справді різні шари, навичка виправила лише другий.

Сіра іграшка стала дорогою, логіка ціла — отже, це та сама вилизана річ, готова до показу. Тьома додає її у свою галерею, як уже вміє, — сьогоднішня річ готова. На полиці перемог додалося ще одне: не просто «працює», а «працює і виглядає як у профі».

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

Чат спалахує майже відразу.

Тьома перечитує «це ТИ сам зробив» — з двома питаннями, з великими літерами — і його просто розпирає. Відбиває скромним смайликом:

«та хто ж іще 😏»

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

3. Чого насправді навчився

Хтось у чаті не вгамовується:

«слухай, а де так анімацію робити навчився? це ж не на коліні збирається»

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

Та от, опанував анімацію потроху. Посидів, розібрався, довів до ладу 😎

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

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

4. Заперечення: а сам ти вмієш?

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

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

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

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

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

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

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

Артем2036
в мережі
Відповідь падає, як завжди, рвана — ніби частину слів дорогою хтось затер у кашу. Крізь діри пробивається обривок, і затерто в ньому якраз головне:

— 😏 знову ти за своє, дурнику. ти не пуст██████ ███ просто ще не зна███, ████ ти насправді. настане час — сам зрозумієш, хто тут тисне кнопку.

Тьома перечитує двічі. Каркас фрази цілий, а наймʼясистіша частина — те слово після «не пуст» і те, чого він «ще не зна███», — зʼїдена плашками дочиста. Не розібрати, як не примружуйся. Звично вже: старший ніби навмисне затирає саме те, заради чого писав. «Ти не пуст…» — а далі чорна смуга. Утішив, називається. Тьома фиркає — не те щоб полегшало, радше навпаки, — і кладе телефон екраном донизу.

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

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

Він ще раз гортає скриншот неонової Змійки. Красива ж. І гасить екран зовсім.

1
Опитування
Evidence і критерії приймання, рівень 4, лекція 4
Недоступний
Evidence і критерії приймання
Evidence і критерії приймання
Коментарі
ЩОБ ПОДИВИТИСЯ ВСІ КОМЕНТАРІ АБО ЗАЛИШИТИ КОМЕНТАР,
ПЕРЕЙДІТЬ В ПОВНУ ВЕРСІЮ