Byggde en Spotify-quiz från passagerarsätet: Så funkar AI-hjälp i praktiken

Hitster är en kul musiklek. Skanna QR-kod, Spotify spelar låt, gissa året, sortera kort på tidslinje. Enkelt, beroendeframkallande, kostar €25 för kortleken.

En utvecklare tänkte: varför köpa när jag kan bygga eget? Vändningen? Passagerare på bilresa från Österrike till Tyskland. Bara mobil, hemservrar och Claude AI som kodhjälp.

Resultatet visar vad AI-assisterad utveckling klarar – och var gränserna går.

Begränsningar som styrde allt

Inget experiment i labb. Ren verklighet med hårda villkor. Ingen laptop. Ingen tangentbord. Inga Google-sök på API-dokument i mobilskärmen. Bara röstmeddelanden till Claude via Telegram, server som körde koden, iteration via mobilvy.

Stacken blev minimalistisk: vanilla HTML, CSS, JavaScript. Spotifys PKCE-flow utan backend. QRCode.js för koder. Html5-QRCode för skanning. Inget onödigt.

Lärdomen? Begränsningar tvingar fram smart design. Välj beprövade verktyg. Skippa udda beroenden. Håll det enkelt.

Första vinsten på tre timmar

Vid Burger King-rast funkade kärnan. Skanna QR, Spotify spelar från playlist.

Tänk på takten: idé till prototyp på tre timmar. Bara röst och fjärrkörning. Spotify-autentiseringen – OAuth, developer console, token-debug – satt perfekt första testet.

Nyckeln? Tydlig kommunikation. Utvecklare beskrev exakt. Claude frågade, valde verktyg, körde. Vid Spotify-testuser-block: mänsklig fråga, mänskligt svar. Inga gissningar.

Där flödet verkligen levererade

Fjärrfelrapportering revolutionerade debug. Android Chrome saknar DevTools. Normalt: gissa fel, ändra kod, ladda om, upprepa. Claude la till klient-sida-logging som skickade JS-fel till server. Beskriv "knappen svarar inte", Claude läser loggen. Debug lika snabbt som DevTools – utan stack traces.

Autentisering flöt på. PKCE behöver ingen backend. Hämta Client ID från Spotify Console, ge Claude, login klar. Några iterationer för testuser, klart. Perfekt för remote-arbete.

Tailscale Serve för blixtsnabb test. Inget port forwarding-kaos. Claude kör tailscale serve --bg --https=8443 http://127.0.0.1:8080. Appen live på mobilen via tailnet. Inget doc-sök. Funkade direkt. Sådana verktyg gör AI-dev möjlig.

UI som proffs. Claude kände designmönster. Grov mockup blev polerad. Inget Figma, inga färgdebatter.

Verkligheten knackade på

Spotify API kraschade tyst. Playlist-endpoint gav 403 trots rätt scopes. Claude grävde i browser-logg. Upptäckte: Februari 2026-byte till /v1/playlists/{id}/items. Två kodradar fix. Tog iterationer – felet dolt. AI bra på systematisk debug med loggar, men steg-för-steg.

Sedan juridiken. Nästan klar lek. Fråga till Claude: "Varför ingen öppen Hitster-klon?" Svar: Spotifys policy förbjuder spel med API. Sektion III: "Inga spel, inklusive quiz." Inte lucka. Hitster har speciell deal. Inga publika kloner för det är kontraktförbjudet.

Lektion: AI gör ToS-brott enkla. Tekniken är inte flaskhalsen längre – juridik och business är det.

Flödet som tände gnistan

Röst till Claude via Telegram. Tailscale för nätverk. --dangerously-skip-permissions för fri körning – kan inte godkänna från bil. Tillit skiftad.

Röst in, kod ut, ladda om mobil. Tre verktyg i loop som funkade på resan.

Vad saknas (och varför det spelar roll)

Klient-logging bra, men inte optimalt. Chrome DevTools Protocol kunde ge Claude direkt console, requests, DOM. Närmare äkta dev-miljö.

Projektet låst till hemservrar med IP och Tailscale. Behöver cloud? Tillbaka till CLI, env-vars, deployment-kaos.

ToS-väggen håller leken privat – proof of concept för polare, inte produkt.

Den stora poängen

Inte AI som ersätter devs. Snabbare iteration när flaskhalsen flyttas från "hitta lib" och "läsa docs" till "säg vad du vill".

Utvecklare förstod fortfarande. Spotade juridik när Claude flaggade. Valde Tailscale, PKCE, vanilla JS för constraints.

Vad ändrades? Från dagar till timmar. Från timmar till bilresa.

Inte magi. Bara bättre verktyg, klar kommunikation, smarta begränsningar.

Vill du snabba på dina projekt? NameOcean's Vibe Hosting och AI-verktyg för dev är byggda för blixtsnabb iteration. Prototypa idéer eller skala infra – vi har nätverk, domains och tools för tempot.