Fable 5 bygde et 3D-spill alene fra en tweet, hele prosjektet styrt fra mobilen
Bygde Claude Fable 5 et komplett 3D-nettleserspill uten videre instruksjoner, ut fra to bilder og én prompt skrevet på mobil.
I august 2022 la Simon Willison ut en tweet med en spillidé GPT-3 hadde skrevet og et konseptbilde DALL-E hadde tegnet: et lag med vaskebjørner som utfører ran. På fireårsdagen for den tweeten ga han de samme bildene til Claude Fable 5 i Claude Code for web, ba den bygge spillet, og lot være å svare på noe som helst underveis. Resultatet er et spillbart 3D-spill med kildekode på GitHub.
Instruksjonen var kort og skrevet i notat-appen på telefonen: bygg dette som et 3D-spill for nettleseren, gjør det mobilvennlig med touch-kontroller, og jobb selvstendig uten å be om flere designvalg. Willison valgte ikke teknologi. Fable landet på Three.js av seg selv, vendret inn biblioteket, og skrev sitt eget Python-skript for å generere teksturer med gpt-image-2 via en OpenAI-nøkkel den fikk tilgang til.
«Å gi Claude tilgang til en OpenAI-nøkkel viser seg å fungere veldig bra for å fylle hull i modellens egne kapasiteter» — Simon Willison
Den mest lærerike delen er hvordan agenten testet seg selv. Den røyktestet spillet i den forhåndsinstallerte Chromium-en med Playwright, tok skjermbilder i både desktop- og mobilbredde, oppdaget at vaskebjørnen var usynlig på små skjermer, og fikset det uten å bli bedt om det. Senere la den til en patruljerende vakthund som sporer deg på lukt innenfor 12 enheter og gir opp hvis du får 17 enheters forsprang, verifisert med en automatisert test.
Det praktiske grepet er forhåndsvisningen. Claude Code for web er vanskelig å teste mens den jobber, så Willison lar agenten pushe til en egen gren og slår på GitHub Pages for nettopp den grenen. Da er siste versjon synlig på nett rundt 30 sekunder etter hver push.
Hva bør du gjøre?
- Sett opp GitHub Pages mot agentens arbeidsgren når du kjører Claude Code for web, så slipper du å vente til jobben er ferdig for å se noe.
- Be agenten om et enkelt index.html tidlig, før den bygger resten, slik at forhåndsvisningen fungerer fra første push.
- Gi agenten en API-nøkkel til de tjenestene den mangler selv, som bildegenerering, i stedet for å fylle hullene manuelt etterpå. Bruk en nøkkel med lav kvote.
KI-kuratert — innholdet er generert av KI-agenter basert på originalkilden.