Claude Fable 5 построила 3D-игру про енотов-грабителей по одному промпту — вот как это устроено

Разработчик Саймон Уиллисон решил проверить: сможет ли Claude Fable 5, запущенная в Claude Code for web, довести до ума старую шутку четырёхлетней давности — твит с концептом игры от GPT-3 и картинкой от DALL-E. Модель справилась настолько хорошо, что игра теперь доступна в браузере, а весь процесс — от первого коммита до финальной сборки — задокументирован публично.

С чего всё началось

В августе 2022 года Уиллисон дал GPT-3 текстовый промпт: «напиши подробное описание компьютерной игры, где команда енотов идёт на дело». Модель (тогда ещё в режиме text completion, то есть просто дописывала текст) выдала описание игры «Raccoon Heist» — про грабежи банков и кражи произведений искусства силами пушистой команды. Для картинки использовался DALL-E с промптом «скриншот из видеоигры, где команда енотов идёт на ограбление».

Спустя четыре года, день в день, Уиллисон решил проверить: если скормить эти же два артефакта — текст и картинку — Claude Fable 5 и оставить модель работать самостоятельно, получится ли рабочая игра. Получилось. Играть можно прямо в браузере, репозиторий на GitHub открыт, там же лежит видео-демо.

Как настроить превью для Claude Code for web через GitHub Pages

Главная боль при работе с Claude Code for web — сложно смотреть на результат, пока модель ещё работает. Уиллисон обошёл это через GitHub Pages, и метод оказался рабочим и простым:

1. Создать новый репозиторий на https://github.com/new — публичный или приватный, работает одинаково.
2. Запустить сессию Claude Code for web — через приложение на iPhone, десктопное приложение или в браузере на claude.ai/code.
3. Дать модели задачу и явно попросить как можно быстрее закоммитить index.html. Это создаст ветку вида claude/3d-raccoon-heist-game-50n293.
4. Зайти в настройки репозитория: Settings -> Pages, выбрать «Deploy from a branch», указать нужную ветку и сохранить.

После этого каждый пуш появляется на yourname.github.io/your-repo/ примерно через 30 секунд. Если репозиторий приватный, страница всё равно будет доступна любому, кто угадает адрес — но для черновых экспериментов это не критично.

Промпт, который запустил всю сборку

Вот текст, который Уиллисон отправил Fable 5 вместе с двумя картинками из оригинального твита (весь проект он вёл с телефона, промпт писал в заметках):

``` Build this 3D game, for the browser. This repo is configured to serve static files so make sure there is an index.html that loads everything else. Make sure it is mobile-friendly (touch controls, works well on small screens). You have an OpenAI API key and access to their image generation model APIs, use that for textures to use with your 3D models. Docs here: https://developers.openai.com/api/docs/guides/image-generation

• use gpt-image-2

Work independently - do not ask me to make any further design decisions. Make sure the game is fun, a little surprising, has good raccoon heist vibes, and is visually pleasing. Commit and push as often as possible so I can preview your work - start with an index.html that presents a title screen, then build from there.

Append to a notes.md file as you work, including your changes to that as part of every commit. ```

Важные детали этого промпта:

• Никакого выбора технологий — Уиллисон не указывал Three.js, модель выбрала его сама (он ожидал именно это по прошлому опыту).
• Доступ к OpenAI API для генерации текстур закрывает конкретный пробел в возможностях модели: у неё нет своего инструмента для рисования 3D-текстур, зато она отлично умеет промптить чужие image-генераторы.
• Фраза «work independently, do not ask me to make any further design decisions» — явная просьба не спрашивать разрешений и довести проект до конца самостоятельно.
• Требование коммитить и пушить как можно чаще решает ту же проблему видимости прогресса, что и связка с GitHub Pages.
• Просьба вести notes.md — простой, но полезный приём: получаешь читаемый журнал решений модели, который потом можно разобрать.

Что происходило внутри: от текстур до сторожевой собаки

По логам сессии видно, как Fable 5 действовала пошагово:

Сначала — стартовая страница, встроенная копия Three.js, и собственный скрипт gen_textures.py для генерации текстур через gpt-image-2. Модель сама проверяла результат: например, сгенерированная текстура металла для мусорного бака выглядела правдоподобно, хотя, по замечанию Уиллисона, наложилась на модель не идеально.

Дальше — базовая версия игры, а затем неожиданный ход: модель запустила «смоук-тест в предустановленном Chromium» через Playwright, чтобы делать скриншоты собственной работы и визуально проверять результат — для десктопной и мобильной версий отдельно. Так она заметила, что енот невидим на мобильной ширине экрана, и исправила это сама, без вмешательства человека.

Одна из самых показательных записей в notes.md — про добавление сторожевой собаки как усложнение с третьей ночи игры:

С третьей ночи на дворах появляется патрулирующий охранный пёс — низкополигональная коричневая гончая с шипастым красным ошейником и виляющим хвостом. Она бродит по случайным точкам, и в радиусе 12 юнитов улавливает запах и начинает преследование по нюху — прямая видимость неважна, об этом сигнализирует значок носа над головой пса и лай. Собака отстаёт, если разрыв дистанции достигает 17 юнитов. Сообщения о поимке теперь различаются по источнику: охранник / фары / собака. Логика «блуждание → выслеживание → поимка» проверена автотестом.

Это уже не просто выполнение инструкции — модель сама придумала игровую механику, реализовала её и написала для неё тест.

Где стоит быть внимательным

Открытый доступ к API-ключу — не мелочь: если модели дать реальный OpenAI-ключ и полную свободу действий, стоит заранее выставить лимиты трат, потому что генерация текстур через gpt-image-2 может происходить многократно в рамках одной сессии без промежуточных согласований.

Приватность репозитория на GitHub Pages условна — угадываемый URL открывает контент кому угодно. Для рабочих прототипов это приемлемо, но не стоит так публиковать что-то чувствительное.

Наложение текстур не всегда получается идеально с первого раза — в примере с мусорным баком модель сама это заметила, но не всегда правки доходят до идеала без дополнительного прогона.

Что попробовать дальше

Если хочется повторить эксперимент — возьмите свой старый прикольный текстовый промпт (не обязательно игровой, подойдёт любая идея с визуальным референсом), дайте модели свободу в выборе технологий и явно попросите работать без уточняющих вопросов. Связка Claude Code for web плюс GitHub Pages по инструкции выше даёт удобный способ следить за прогрессом в реальном времени, а привычка просить notes.md превращает лог работы модели в читаемый нарратив, который потом можно разобрать и понять, где именно она приняла интересные архитектурные решения.

Источники

• Simon Willison: One-shotting a Raccoon Heist game using Claude Fable 5