Jak jsem z pasažérského sedadla postavil Spotify kvízovou hru: Takto vypadá vývoj s AI v praxi

Pamatujete hru Hitster? Naskenujete QR kód, Spotify pustí skladbu a kamarádi hádají rok vydání. Pak karty seřadíte na časové ose. Jednoduché, návykové, stojí kolem 25 eur za balíček.

Jeden vývojář si řekl: Proč kupovat, když si to udělám sám? Podmínka? Seděl v autě na dálnici z Rakouska do Německa. Měl jen mobil, domácí server a Claude AI jako parťáka na kódování.

Výsledek? Skvělý příklad, co AI-assisted development dokáže – a kde narazí.

Omezení byla klíčem k úspěchu

Nebyla to umělá zkouška. Chtěl opravdu vyřešit problém za skutečných podmínek. Žádný notebook. Žádná klávesnice. Nemohl prohledávat docs na mobilu. Jen hlasovky do Claude přes Telegram, server na spouštění kódu a iterace podle toho, co viděl na obrazovce.

Vznikl minimalistický stack: čistý HTML, CSS, JavaScript. Spotify PKCE autentizace bez backendu. QRCode.js na generování kódů. Html5-QRCode na skenování. Žádné zbytečnosti.

To je lekce z designu pod tlakem. Bez snadného přístupu k libům volíte ověřené nástroje. Žádné exotické závislosti. Komplexita pod kontrolou.

Za tři hodiny první úspěch

Když zastavili u Burger Kingu, jádro fungovalo. Sken QR kódu na mobilu a hudba z Spotify playlistu hrála.

Představte si ten čas: od nápadu k prototypu za tři hodiny, jen hlasem a vzdáleným spouštěním. Spotify autentizace – s OAuth, konzolemi a tokeny – prošla na první test.

Žádná kouzla. Jen jasná komunikace. Popsal, co chce. Claude se ptal, volil nástroje, dělal. Při zasek nutí (registrovat test uživatele) se zeptal člověka a dostal odpověď.

Kde workflow zářil

Vzdálené chybové hlášení změnilo debugging. Na Android Chrome bez DevTools. Normálně: hádej, uprav, reload, opakování. Claude přidal reportování JS chyb na server. Popište "tlačítko nereaguje" – a Claude vidí logy. Debugging rychlý jako s DevTools, bez čtení stacků.

Autentizace šla hladce. PKCE flow bez serveru. Client ID z Spotify konzole, dal Claudeovi – a login byl hotový. Dva iterace na test uživatele a basta. Ideální pro vzdálený vývoj.

Tailscale Serve pro okamžité testy. Žádné port forwarding nebo firewally. Claude spustil tailscale serve --bg --https=8443 http://127.0.0.1:8080 a app byla na mobilu přes tailnet. Hned fungovalo.

UI bez designéra. Claude zná design patterns. Z hrubého náčrtu vzniklo pěkné rozhraní. Žádné Figma, žádné hádky o barvách.

Pak přišla realita

Spotify API selhalo tiše. Playlist endpoint vrátil 403, přestože autentizace seděla. Claude prohledal logy a našel změnu z února 2026: /v1/playlists/{id}/tracks nahrazeno /v1/playlists/{id}/items. Dva řádky fixu. Trvalo to iteracemi – chyba nebyla jasná. AI debuguje systematicky s logy, ale krok za krokem.

Právní zeď. Hra skoro hotová, ptá se: "Proč žádný veřejný klon Hitsteru?" Odpověď: Spotify Developer Policy zakazuje hry s API. Sekce III: "Ne stavte hry, včetně kvízů."

Žádná díra. Hitster má speciální licenci. Klony nejsou kvůli technice, ale smlouvám. Lekce: AI usnadňuje stavět věci proti ToS. Technika je rychlá, právo brzdí.

Workflow, který to umožnil

Hlasovky do Claude přes Telegram. Tailscale na síť. Flag --dangerously-skip-permissions pro spouštění bez schvalování z auta. Důvěra v AI nutná.

Hlas dovnitř, kód ven, reload na mobilu. Tři nástroje pro feedback loop z auta.

Co chybí (a vadí)

Client-side logging je workaround. Chrome DevTools Protocol by dal přímý přístup k console, requestům, DOM. Blíž reálnému prostředí.

Projekt omezený domácím serverem s Tailscale. Cloud potřebujete? Zpátky k CLI a deploymentům.

A ToS blokuje veřejné vydání – jen pro kamarády.

Hlavní zpráva

AI nenahrazuje vývojáře. Zrychluje iterace. Úzké hrdlo se posouvá od "hledání libů" k "jasné komunikaci nápadu".

Vývojář musel chápat projekt, rozpoznat právní rizika, vybrat nástroje jako Tailscale nebo PKCE.

Změna? Od dní k hodinám. Od hodin k jízdě autem.

To je síla lepších nástrojů, komunikace a omezení.

Chcete stavět rychleji? NameOcean Vibe Hosting a AI nástroje na vývoj jsou pro rychlé prototypy i škálování. Máme síť, domény a tooling pro vaši rychlost.