Կակապոների խնջույքը. ինչպես Սայմոն Ուիլիսոնը կոնֆերանսի եզրափակիչ սլայդը պատրաստեց Claude-ի և Playwright-ի օգնությամբ

Սայմոն Ուիլիսոնը WeAreDevelopers World Congress North America-ում ունեցած ելույթի եզրափակիչ սլայդը պատրաստել է ԱԲ-ի օգնությամբ և ամբողջ ընթացքը նկարագրել 2026 թվականի սեպտեմբերի 26-ին հրապարակված բլոգային գրառման մեջ։ Այնտեղ նա ներկայացրել է և՛ հուշումը, և՛ կոդը։

Նրա խոսքով՝ ելույթի համար հիշարժան պահ էր հարկավոր, ուստի որոշել է անդրադառնալ 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-րդ վայրկյանին։ Գրառման մեջ հրապարակված են և՛ սղագրությունը, և՛ ամբողջ սկրիպտը։

Ինչ է ցույց տալիս այս մոտեցումը

Օրինակը ցույց է տալիս, թե ինչպես են ԱԲ գործիքները ներգրվում գործող աշխատանքային հոսքին, այլ ոչ թե փոխարինում այն. թեման, լուսանկարներն ու սահմանափակումները ընտրել ու արդյունքը գնահատել է մարդը, իսկ անիմացիան ու դիտարկիչի կառավարումը ստանձնել են մոդելները։ Տեսանյութի ձայնագրումը, որը նախկինում ձեռքով էկրանի նկարահանում էր պահանջում, այս անգամ մեկ հրահանգ դարձավ էջն ինքնուրույն կառավարող գործակալի համար։