Autópályán született Spotify-kvízjáték: Így néz ki a valós AI-segített kódolás

Van egy menő zenei parti játék, a Hitster. QR-kódot szkennelsz, Spotify indít egy dalt, a haverok kitalálják, melyik évben jött ki, aztán sorbarakod a kártyákat az idővonalon. Egyszerű, függőséget okoz, és €25-ba kerül egy pakli.

Egy fejlesztő azt mondta: minek venni, ha megcsinálom magam? Csavar: utas volt egy ausztriai autópályázáson Németország felé. Csak telefonja, otthoni szervere és Claude AI partnere volt.

Ez a sztori tökéletesen mutatja, mit tud ma az AI a kódban – és hol akad el még mindig.

A korlátok hajtották előre a projektet

Ez nem kamu teszt volt. Valódi probléma, valódi megkötésekkel. Semmi laptop, semmi klavi. Nem tudta megnézni a Google-ben az API-doksit a kis kijelzőn. Csak Telegramon voice üzenetek Claudenak, a szerver futtatta a kódot, és iterált a mobilon látottak alapján.

A tech stack szándékosan pici: sima HTML, CSS, JavaScript. Spotify PKCE auth, ami backend nélkül megy. QRCode.js a kódokhoz, Html5-QRCode a szkenneléshez. Semmi felesleg.

Ez a korlátos design ereje. Ha nem tudsz libiket keresgélni, bevált cuccokat választasz. Kerüli az ismeretlent, kiszámítható marad minden.

Három óra, és már működött

Amikor megálltak Burger Kingnél, a lényeg készen volt. Szkennelt a telefon, és szólt a Spotify-lejátszási lista.

Gondold el: ötletből működő prototípus három óra alatt, csak beszédparancsokkal és távoli futtatással. A Spotify-auth – ami általában konzolos hergeléssel, OAuth-kal és tokenhibákkal megy – elsőre bevitte.

Nem varázslat. Pontos kommunikáció. A fejlesztő elmagyarázta, mit akar. Claude rákérdezett, toolt választott, megcsinálta. Falnál (Spotify tesztuser regisztráció) embernek kérdezett, választ kapott. Az AI nem találgatta.

Hol villant igazán a módszer

Távoli hibajelentés forradalmasította a debugot. Android Chrome-on nincs DevTools. Normál esetben: saccolás, kódváltás, reload, ismétel. Ehelyett Claude client-side logolást tett be, ami minden JS-hibát visszaküldött a szerverre. A fejlesztő csak mondta: "nem kattint a gomb", Claude olvasta a hibát. Debugolás DevTools-szintű lett – stack trace nélkül.

Auth azonnal összejött. PKCE backend nélkül tökéletes távoli munkára. Client ID-t vett a Spotify konzorból, átadta Claudenak, login kész. Pár kör tesztuserrel, és oké. Ilyen toolok teszik mobilos kódolást valósággá.

Tailscale Serve pillanatnyi tesztet adott. Port forwarding nélkül: tailscale serve --bg --https=8443 http://127.0.0.1:8080, és már böngészhető a tailneten a telefonon. Nulla doksi, azonnal ment. Ilyen infra-toolok nélkül az AI-segített kódolás álom marad.

UI profi lett designer nélkül. Claude designrendszereket ismer, így a durva felület gyorsan polírozott lett. Semmi Figma, semmi színvita.

Aztán beütött a valóság

Spotify API csendben elromlott. Playlist végpont 403-at dobott jó auth ellenére. Claude logokat nézte, kiderült: 2026 februárban változtattak, /v1/playlists/{id}/tracks helyett /v1/playlists/{id}/items. Két sor csere. De diagnózis több kört vitt, mert nem volt egyértelmű. Tanulság: AI szuper debugoló logokkal, de lépésről lépésre gondolkodik, nem varázslik.

Jogi fal állta útját. Majdnem kész a játék, fejlesztő kérdezi: "Miért nincs publikus Hitster-klón?" Claude: Spotify Developer Policy tiltja a játékokat API-val. III. szakasz egyértelmű: "Ne csinálj játékot, trivia kvízt se."

Nem lyukazható. Hitsternek külön dealja van. Nincs klón, mert jogilag tilos, nem technikailag nehéz.

Ez az AI-fejlesztés kulcsa: toolok simán megcsinálják a ToS-sértőt. A technika olyan gyors, a jog és biznisz lesz a szűk keresztmetszet.

A workflow, ami működött

Telegram voice Claude Code-nak. Tailscale hálózatra. --dangerously-skip-permissions flag fileíráshoz és parancsokhoz – autóban nem jókora jóváhagyások. Bizalomváltás kellett.

Beszéd be, kód ki, telefon-reload. Három eszköz, szűk feedback hurok – elég az autópályához.

Mi hiányzik még (és fájni fog)

Client log jó, de DevTools Protocol jobb lenne: közvetlen konzol, net request, DOM Claude-nak. Valódi dev-környezet.

Szerverlimitált: publikus IP, Tailscale tunnel. Cloudos cuccoknál CLI, env, deploy jön vissza.

ToS miatt privát marad – haveri proof of concept, nem termék.

A lényeg

Ez nem AI vs. fejlesztő sztori. Hanem arról, mennyire felgyorsul az iteráció, ha nem libkereséssel és doksival telik az idő, hanem tiszta kommunikációval.

A fejlesztőnek értenie kellett a dolgot. Felismerte a Spotify-jogi hibát. Tudta, mi jó itt (Tailscale, PKCE, vanilla JS).

Változás: ötlettől prototípusig napokról órákra. Órákról autókázásra.

Ez nem mágia. Jobb toolok + tiszta beszéd + okos korlátok.

Gyorsabban akarsz projektezni? A NameOcean Vibe Hosting és AI-tooljai pont erre valók. Protózz új ötletet vagy skálázz prod infra – nálunk gyors net, domainek és eszközök vannak a sebességhez.