Какапо-паті: як Саймон Віллісон зібрав фінальний слайд конференції з Claude і Playwright

Саймон Віллісон підготував фінальний слайд своєї доповіді на WeAreDevelopers World Congress North America за допомогою AI, а весь процес описав у блозі 26 вересня 2026 року. У дописі він опублікував і промпт, і код, які для цього використав.

За його словами, для виступу потрібен був пам'ятний момент, тож він вирішив згадати рекордний сезон розмноження какапо, про який 2026 року повідомив Департамент охорони природи Нової Зеландії. Про можливості Claude Opus 5.5 у піксельних анімаціях багато говорили, тож саме на цьому він побудував останній слайд.

Від трьох фото до HTML5 canvas

Основою для анімації стали три фото какапо, які Віллісон зібрав через Google Image Search і передав Claude з коротким завданням: створити на HTML5 canvas анімовану піксельну вечірку какапо, де птахи стрибають, летить конфеті, а самих птахів щонайменше 20. Транскрипт розмови опубліковано, а результат працює як окрема сторінка tools.simonwillison.net/kakapo-party, де клік викликає ефект конфеті.

Claude Code записує відео через Playwright

Анімацію не можна було вставити в презентацію як вебсторінку, тому Віллісон завантажив HTML-файл і дав локальній сесії Claude Code три умови: відкрити файл у браузері, кілька разів клікнути для ефекту конфеті та записати 15-секундне відео. Перші три секунди клікати було заборонено, а кліки мали рівномірно розподілитися по області. Claude Code використав Playwright, бібліотеку автоматизації браузера, і створив саме те відео, яке було потрібне для фінального слайда.

Скрипт виявився коротким: він відкриває вікно 1280×720 із увімкненим записом відео, чекає до третьої секунди, робить десять кліків від 3,0 до 13,2 секунди по центру, кутах і краях canvas та закриває сесію на 16-й секунді. У дописі опубліковано і транскрипт, і повний скрипт.

Що показує цей підхід

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