Jak powstała gra quizowa ze Spotify z miejsca pasażera: Prawdziwy obraz pracy z AI

Gra Hitster to hit wśród imprezowych zabaw. Skanujesz QR kod, Spotify puszcza utwór, a znajomi zgadują rok premiery. Potem układacie karty na osi czasu. Proste, wciągające, ale talia kart kosztuje jakieś 100 zł.

Jeden programista pomyślał: po co kupować, skoro da się zrobić własną wersję? Warunek? Siedział na tylnym siedzeniu auta na autostradzie z Austrii do Niemiec. Miał tylko telefon, domowy serwer i Claude AI jako pomocnika w kodowaniu.

Efekt? Świetny przykład, co dziś potrafi rozwój z AI – i gdzie jeszcze kuleje.

Ograniczenia napędzały projekt

To nie był wymyślony test. Prawdziwy problem, prawdziwe bariery. Bez laptopa. Bez klawiatury. Bez szansy na sprawdzanie docs API na małym ekranie. Tylko wiadomości głosowe do Claude przez Telegram, serwer do uruchamiania kodu i iteracje na podstawie tego, co widać na telefonie.

Stack wyszedł minimalistyczny: czysty HTML, CSS, JavaScript. Autentykacja Spotify przez PKCE – bez backendu. QRCode.js do kodów QR. Html5-QRCode do skanowania. Zero zbędnych ficzerów.

Lekcja? Ograniczenia wymuszają dobre wybory. Bierzesz sprawdzone narzędzia z dobrą dokumentacją. Unikasz dziwnych bibliotek. Trzymasz prostotę.

Prototyp w trzy godziny – i działa

Gdy auto zjechało na przerwę w fast foodzie, rdzeń gry śmigał. Skan QR, muzyka z playlisty Spotify leci na telefonie.

Wyobraź sobie: od pomysłu do działającego demo w trzy godziny. Tylko głosem i zdalnym serwerem. Autentykacja Spotify – zwykle mordęga z konsolą dev, OAuth i tokenami – zadziałała za pierwszym razem.

Klucz? Dobra komunikacja. Programista opisał cel. Claude pytał o szczegóły, dobierał narzędzia, wdrażał. Gdy utknął (trzeba było dodać testowego usera w Spotify), zapytał człowieka – i dostał odpowiedź. Bez zgadywania.

Gdzie AI błyszczało

Zdalne raporty błędów odmieniły debug. Na Android Chrome bez DevTools. Zwykle: zgaduj, zmieniaj kod, odświeżaj, powtarzaj. Claude dorzucił logowanie błędów JS prosto na serwer. Programista mówił: "Przycisk nie reaguje", a Claude czytał logi. Debug jak z otwartymi DevTools – bez czytania stack trace'ów.

Autentykacja na raz. PKCE od Spotify nie wymaga serwera. Client ID z konsoli dev, podajesz Claude – i login działa. Kilka rundek na test usera, finito. Idealne pod zdalną robotę.

Tailscale Serve dał testy od ręki. Bez kombinowania z portami czy firewallami. Claude odpalił tailscale serve --bg --https=8443 http://127.0.0.1:8080 – app od razu na telefonie przez tailnet. Zero czytania docs. Działa i tyle. Narzędzie pod AI dev.

UI bez designera. Claude zna wzorce UI. Z surowego szkicu wyszło coś schludnego. Bez Figmy czy debat o kolorach.

Gdzie rzeczywistość dała w kość

API Spotify padło po cichu. Endpoint playlisty dawał 403, mimo poprawnego logowania. Claude przejrzał logi z przeglądarki. Okazało się: w lutym 2026 Spotify zmieniło API – /v1/playlists/{id}/tracks na /v1/playlists/{id}/items. Dwie linijki fixu. Ale diagnoza trwała – błędy nie były oczywiste. AI radzi z systematyką i logami, ale nie czyta w myślach.

Prawo zablokowało finisz. Gra prawie gotowa, programista pyta Claude: "Dlaczego nikt nie puścił klona Hitster?" Odpowiedź: Polityka Spotify zabrania gier z ich API. Sekcja III: "Nie twórz gier, w tym quizów trivia."

Nie da się obejść. Hitster pewnie ma specjalną licencję. Brak klonów to nie technika – to regulamin. Lekcja z AI dev: technicznie łatwo złamać ToS. Bottleneck to teraz prawo i biznes.

Schemat, który zadziałał

Głosówki do Claude przez Telegram. Tailscale na sieć. Flaga --dangerously-skip-permissions na serwerze – bez zatwierdzania każdej komendy z auta. Zaufanie przesunięte.

Głos w, kod na serwerze, odśwież na telefonie. Trzy elementy dały feedback loop pod drogę.

Czego brak – i co boli

Raportowanie błędów client-side OK, ale nie ideał. DevTools Protocol dałby Claude dostęp do konsoli, requestów i DOM bez custom logów. Prawie jak pełne środowisko.

Projekt ograniczony serwerem domowym z Tailscale. Chcesz chmurę? Wracasz do CLI, env i deploymentów.

No i ToS – gra zostaje prywatna. Demo dla kumpli, nie produkt.

Prawdziwa puenta

To nie o zastępowaniu devów przez AI. O przyspieszeniu iteracji. Bottleneck przesunął się z "szukania lib" i "czytania docs" na "jasne opisanie pomysłu".

Programista musiał rozumieć cel. Złapał issue z prawem Spotify. Wybrał Tailscale, PKCE, vanilla JS pod warunki.

Zmiana? Od "pomysł" do "działa" – z dni na godziny. Z godzin na przejażdżkę autem.

To nie czary. To efekt lepszych narzędzi, komunikacji i granic.

Chcesz budować projekty w ekspresowym tempie? NameOcean oferuje Vibe Hosting i narzędzia AI do szybkich prototypów. Sieć, domeny i dev tools – skaluj od zera do produkcji bez opóźnień.