Как собрать игру-квиз по Spotify из пассажирского сиденья: реальный опыт разработки с ИИ

Есть крутая настольная игра Hitster. Сканируешь QR-код, Spotify запускает трек, друзья угадывают год выпуска, раскладывают карты по timeline. Просто, затягивает, но колода стоит около 25 евро.

Один разработчик подумал: зачем покупать, если можно сделать самому? Только вот фишка — он ехал пассажиром по трассе из Австрии в Германию. Под рукой телефон, домашний сервер и Claude как ИИ-помощник в кодинге.

Получился отличный кейс. Показывает, на что способен современный ИИ в разработке. И где он пока буксует.

Ограничения — это и есть суть

Это не лабораторный тест. Реальная задача с жёсткими рамками. Без ноутбука. Без клавиатуры. Без гугла по докам на крошечном экране. Только голосовые сообщения Claude через Telegram, сервер для запуска кода и итерации по тому, что видно на телефоне.

Стек получился предельно простым: чистый HTML, CSS, JavaScript. Авторизация Spotify через PKCE — без бэкенда. QRCode.js для генерации кодов. Html5-QRCode для сканирования. Никакого лишнего.

Так работает дизайн под constraints. Без лёгкого доступа к библиотекам выбираешь проверенные инструменты. Избегаешь редких зависимостей. Держишь сложность под контролем.

Три часа до первой победы

К стоянке у Burger King основа уже жила. Сканируешь QR на телефоне — и playlist из Spotify начинает играть.

Представьте: от идеи до прототипа за три часа. Полностью голосом и удалённым выполнением. Авторизация Spotify — с OAuth, консолями разработчика и дебагами токенов — сработала с первого раза.

Секрет в общении. Разработчик чётко описал задачу. Claude уточнил детали, подобрал инструменты, запустил. Когда встал вопрос с тестовым пользователем в Spotify — спросил человека, получил ответ. ИИ не гадал.

Где процесс реально засиял

Удалённая отладка перевернула дебаг. Тестил на Android Chrome — без DevTools. Обычно: угадываешь проблему, меняешь код, перезагружаешь, проверяешь. Claude добавил отправку JS-ошибок на сервер. Теперь описываешь "кнопка не жмётся" — и ИИ видит реальные логи. Дебаг стал почти как с открытой консолью. Без чтения стек-трейсов.

Авторизация включилась без танцев. PKCE от Spotify не требует сервера. Взял Client ID из консоли разработчика, скинул Claude — логин готов. Пару правок для тестового юзера, и ладно. Идеально для удалёнки.

Tailscale Serve — моментальный тест с мобилы. Забудь про port forwarding и файрволы. Claude запустил tailscale serve --bg --https=8443 http://127.0.0.1:8080 — и приложение сразу на телефоне через tailnet. Без доков. Просто сработало. Такие инструменты делают ИИ-разработку возможной.

Интерфейс без дизайнера. Claude знает паттерны UI. Грубый прототип быстро стал стильным. Без Figma и споров о цветах.

А потом прилетела реальность

API Spotify сломался тихо. Плейлист-эндпоинт кидал 403, хотя авторизация и scopes верные. Claude разобрал браузерные логи. Оказалось, в феврале 2026 Spotify сменил /v1/playlists/{id}/tracks на /v1/playlists/{id}/items. Две строчки фикса. Но диагностика заняла итерации — ошибка не на поверхности. ИИ силён в системном дебаге с логами, но шаг за шагом.

Юридическая стена. Игра почти готова, разработчик спрашивает Claude: "Почему нет публичных клонов Hitster?" Ответ мгновенный: политика Spotify запрещает игры с API. Раздел III: "Не создавайте игры, включая trivia-квизы". Не лазейка. Запрет. У Hitster наверняка спецлицензия. Клоны редки не из-за техсложности — из-за контракта.

Урок для ИИ-разработки: технику упростили до тривиальности. Теперь bottleneck — не код, а ToS и бизнес.

Как это работало на деле

Голосовые в Claude через Telegram. Tailscale для сети. Флаг --dangerously-skip-permissions — чтобы ИИ писал файлы и запускал команды без подтверждений из машины. Доверие пришлось скорректировать.

Голос в, код на сервере, релоад на телефоне. Три инструмента — и цикл обратной связи сжат до минимума.

Чего не хватало (и это важно)

Логи с клиента — хак, но не идеал. DevTools Protocol дал бы Claude прямой доступ к консоли, сетевым запросам, DOM. Ближе к настоящей среде.

Сервер дома с публичным IP и Tailscale — ок для простого. Нужна облачная infra — и снова CLI, env, деплои.

ToS-стена оставляет игру для друзей. Не продукт.

Главный вывод

Это не про замену разработчиков ИИ. Про ускорение итераций. Bottleneck сместился: не "ищи библиотеку" или "разбери доки", а "опиши задачу чётко".

Разработчик понимал суть. Увидел ToS-проблему. Выбрал Tailscale, PKCE, vanilla JS под constraints.

Изменилось время от "идея" до "прототип". С дней на часы. С часов на поездку.

Не магия. Лучшие инструменты + чёткое общение + рамки.

Хотите строить проекты быстрее? NameOcean предлагает Vibe Hosting и инструменты с ИИ для такой итерации. Прототипы или продакшн — наша сеть, домены и тулы ускорят запуск.