Creare un Quiz Spotify dal Sedile del Passeggero: Ecco Come Funziona lo Sviluppo con l'AI

Hai presente Hitster, quel gioco musicale che impazza? Scansioni un QR code, parte una canzone su Spotify, gli amici indovinano l'anno di uscita e sistemano le carte su una linea temporale. Divertente, coinvolgente, ma costa sui 25 euro per il mazzo.

Un developer si è chiesto: e se lo facessi da solo? Il trucco? Era un passeggero in auto sull'autostrada da Austria a Germania. Solo telefono, server di casa e Claude AI come alleato per il codice.

Ne è uscito un caso studio perfetto. Mostra cosa l'AI-assisted development sa fare oggi. E dove inciampa ancora.

Limiti che Spingono alla Creatività

Non era un test finto. Voleva risolvere un problema vero, con mani legate. Niente laptop. Niente tastiera. Impossibile sfogliare docs API sul telefono. Solo messaggi vocali a Claude su Telegram, server casalingo per eseguire il codice e iterazioni basate su cosa vedeva sullo schermo.

Lo stack? Minimalista di proposito: HTML, CSS e JavaScript puri. Autenticazione Spotify con PKCE, che non serve backend. QRCode.js per creare codici. Html5-QRCode per leggerli. Zero fronzoli.

Lezione chiave: i vincoli forzano scelte solide. Niente librerie oscure. Solo tool collaudati, facili da gestire senza docs sotto mano.

Tre Ore e il Protipo Gira

All'arrivo al primo autogrill, il cuore del gioco funzionava. Scansione QR sul telefono e la playlist Spotify partiva davvero.

Riflettici: da idea a demo live in tre ore. Tutto via comandi vocali e esecuzione remota. L'autenticazione Spotify – console developer, OAuth, token – ha funzionato al primo colpo serio.

Merito? Comunicazione chiara. Ha descritto l'idea a Claude. L'AI ha chiarito dubbi, suggerito tool e codificato. Su un intoppo (registrazione test user), ha chiesto aiuto umano. Niente supposizioni.

Dove l'AI Ha Brillato

Debug remoto rivoluzionario. Su Android Chrome, niente console DevTools. Solito ciclo: ipotizza errore, cambia codice, ricarica, riprova. Claude ha aggiunto logging client-side che mandava errori JS al server. Bastava dire "il bottone non risponde" e l'AI leggeva il log vero. Debug veloce come con DevTools, senza stack trace da decifrare.

Autenticazione senza intoppi. PKCE di Spotify non vuole backend. Client ID dalla console developer, passato a Claude, e login pronto. Pochi aggiustamenti per test user, fatto. Scegliere tech ad hoc rende remote workflow possibili.

Tailscale Serve per test immediati. Niente port forwarding o firewall. Comando tailscale serve --bg --https=8443 http://127.0.0.1:8080 e l'app appare sul telefono via tailnet. Zero ricerche. Funziona e basta.

UI pulita senza designer. Claude, addestrato su pattern UI, ha generato un'interfaccia curata. Niente Figma o litigi su colori.

Quando la Realtà Ha Fatto Irruzione

API Spotify muta e traditrice. Endpoint playlist dava 403 Forbidden, pur con auth e scope ok. Claude ha scavato nei log browser. Scoperta: cambio API a febbraio 2026, /v1/playlists/{id}/tracks sostituito da /v1/playlists/{id}/items. Due righe fix. Ma diagnosis lenta, errore non evidente. L'AI debugga bene con log, ma ragiona passo passo. Non è magia.

Muro legale. Gioco quasi pronto, chiede a Claude: "Perché nessun clone pubblico di Hitster?". Risposta secca: policy Spotify vieta giochi con API. Sezione III: "No games, inclusi trivia quiz". Non aggiri. Hitster ha accordi speciali. Cloni assenti non per tech, ma per divieto contrattuale.

Lezione grossa: con AI, buildare è facile. Ma ToS e regole business diventano il collo di bottiglia vero.

Il Flusso che Ha Funzionato

Vocali a Claude via Telegram. Tailscale per accesso rete. Flag --dangerously-skip-permissions per scritture file e comandi shell senza ok manuali da auto. Fiducia inevitabile.

Voce entra, codice esce, ricarica telefono. Tre tool per un loop feedback stretto.

Cosa Manca (e Conta)

Logging client-side ok, ma workaround. DevTools Protocol darebbe a Claude console, network e DOM diretti. Più vicino a un setup dev reale.

Progetto limitato a server casa con IP pubblico e Tailscale. Serve cloud? Torna CLI, variabili env, deploy complessi.

E ToS blocca: resta prototipo privato per amici, non prodotto.

Il Vero Insegnamento

Non è AI che sostituisce developer. È accelerare iterazioni. Bottleneck da "trova libreria" o "capisci docs" passa a "comunica chiaro l'idea".

Developer deve capire il progetto. Riconoscere issue legali. Scegliere tool ad hoc (Tailscale, PKCE, vanilla JS).

Cambio epocale: da idea a prototipo, da giorni a ore. Da ore a viaggio in auto.

Non magia. Tool migliori + comunicazione netta + vincoli sensati.

Vuoi accelerare i tuoi progetti? Con Vibe Hosting di NameOcean e tool AI per sviluppo, iteri alla velocità della luce. Rete solida, domain facili e infrastructure scalabile per prototipi o produzioni reali.