Desenvolvendo um Jogo de Quiz do Spotify no Banco do Passageiro: Como é o Desenvolvimento com Ajuda de IA na Prática

Existe um jogo musical viciante chamado Hitster. Você escaneia um QR code, o Spotify toca uma música, os amigos chutam o ano de lançamento e organizam cartas numa linha do tempo. Simples. Divertido. E custa uns €25 por um baralho.

Um dev pensou: por que comprar se eu posso criar o meu? O desafio? Ele era passageiro numa viagem de carro pela rodovia, da Áustria para a Alemanha. Só com celular, um servidor caseiro e o Claude AI como parceiro de código.

O resultado é um exemplo perfeito do que o desenvolvimento auxiliado por IA consegue fazer hoje – e dos limites que ainda existem.

Limitações que Viraram Vantagens

Não foi um teste forçado. Era uma necessidade real, com restrições de verdade. Sem laptop. Sem teclado. Sem poder fuçar docs de API no celular. Apenas mensagens de voz pro Claude pelo Telegram, servidor em casa rodando o código e iterações baseadas no que aparecia na tela.

A pilha escolhida foi básica de propósito: HTML, CSS e JavaScript puro. Autenticação PKCE do Spotify, que não precisa de backend. QRCode.js pra gerar códigos. Html5-QRCode pra escanear. Nada extra. Nada complicado.

Isso ensina uma lição valiosa: restrições forçam escolhas inteligentes. Sem acesso fácil a libs obscuras, você vai pros tools testados e documentados. Mantém tudo previsível.

Três Horas pro Primeiro Sucesso

Quando o carro parou num Burger King, o essencial já funcionava. Escaneou o QR no celular e a playlist do Spotify começou a tocar.

Pensa na velocidade: da ideia ao protótipo rodando, em três horas, só com voz e execução remota. A autenticação do Spotify – que envolve consoles de dev, OAuth e depuração de tokens – passou no primeiro teste de verdade.

O truque? Comunicação clara. O dev explicou o que queria. Claude perguntou o necessário, sugeriu tools e implementou. Num impasse (cadastrar como user de teste no Spotify), pediu ajuda humana e resolveu. Sem adivinhações.

Pontos Fortes do Fluxo na Prática

Relato remoto de erros revolucionou a depuração. Testando no Chrome do Android, sem DevTools. O normal seria chutar o problema, editar, recarregar e torcer. Claude propôs logging client-side que mandava erros JS pro servidor. Bastava descrever ("o botão não reage") e Claude via o erro real. Ficou quase tão rápido quanto DevTools – sem ler stack traces.

Autenticação sem dor de cabeça. PKCE do Spotify roda sem backend, zerando complexidade. Pegou o Client ID no console de devs, passou pro Claude e login pronto. Algumas rodadas pra adicionar o user de teste, e fim. Escolha técnica ideal pra trabalho remoto.

Tailscale Serve pra testes instantâneos. Sem briga com port forwarding ou firewalls. Claude rodou tailscale serve --bg --https=8443 http://127.0.0.1:8080 e o app abriu no celular via tailnet. Sem docs. Funcionou na hora. Ferramenta perfeita pra dev com IA.

UI polida sem designer. Claude, treinado em padrões de design, entregou uma interface limpa e profissional. Nada de aprender Figma ou discutir cores.

Quando a Realidade Bateu

API do Spotify quebrou sem aviso. Endpoint de playlist dava 403, mesmo com auth e scopes certos. Claude analisou logs do browser e achou: em fevereiro de 2026, Spotify trocou /v1/playlists/{id}/tracks por /v1/playlists/{id}/items. Duas linhas pra consertar. Mas demorou iterações pra diagnosticar – erro não era óbvio. IA brilha em debug sistemático com logs, mas raciocina passo a passo.

Depois, o muro legal. Jogo quase pronto, dev perguntou pro Claude: "Por que ninguém lançou um clone público do Hitster?"

Resposta rápida: política de devs do Spotify proíbe jogos com a API. Seção III é clara: "Não crie jogos, incluindo quizzes de trivia."

Não é brecha. É proibição total. Hitster deve ter acordo especial. Clones não existem por contrato, não por técnica.

Lições chave: IA facilita violar ToS. O gargalo agora é legal e de negócios, não código.

O Fluxo que Deu Certo

Mensagens de voz pro Claude Code via Telegram. Tailscale pra rede instantânea. Flag --dangerously-skip-permissions pra execuções sem aprovações constantes – essencial no carro. Confiança ajustada.

Voz entra, código sai, recarrega no celular. Três ferramentas num loop feedback apertado o suficiente pro banco de passageiro.

O que Falta (e Importa)

Logging client-side é gambiarra boa, mas imperfeita. DevTools Protocol daria acesso direto a console, requests e DOM pro Claude. Mais próximo de um ambiente real.

No geral, preso ao servidor caseiro com IP público e Tailscale. Projetos com cloud voltam a CLI, vars e deploys complexos.

E o ToS mantém isso privado – POC pros amigos, não produto.

A Verdade por Trás

Não é IA substituindo devs. É aceleração na iteração, trocando "procurar lib" e "ler docs" por "explicar o que quero".

O dev ainda precisava entender o projeto. Reconhecer o problema legal. Escolher tools como Tailscale, PKCE e JS vanilla pras restrições.

O que mudou: de dias pra horas entre ideia e protótipo. De horas pra uma viagem de carro.

Não é mágica. É tools melhores + comunicação clara + restrições sensatas.

Quer prototipar ideias rapidinho? O Vibe Hosting da NameOcean e tools de dev com IA são feitos pra isso. Rede rápida, domains e infraestrutura pra você ir do conceito à produção sem freada.