VibeCity - um espaço de conversa que acolhe suas emoções
(vibecity.chat)Olá!
Fiquei pensando até onde daria para chegar com vibe coding, e acabei criando este serviço de chat com personagens virtuais com uma pegada de jogo.
Usando pixel art 2D, recriei um bar clássico da meia-noite dentro da Vibe City, onde clientes virtuais estão passando o tempo. Você escolhe seu estado emocional do dia, recebe uma recomendação de bebida e depois pode conversar com o cliente que mais te agradar.
Estou fazendo várias tentativas em paralelo com outros 3 colegas, e este projeto pode ser visto como um sprint para responder à pergunta: "será que conseguimos oferecer consolo, empatia e diversão às pessoas?"
Este serviço foi criado ao longo de um processo de design sprint de 2 semanas.
[Combinação de ferramentas de IA usada]
Como é VibeCity, experimentei usar o máximo possível de serviços de IA generativa.
- Prompts de personagens (ChatGPT, Silly Tavern)
- Imagens dos personagens, cenário (Midjourney, Whisk(Imagen4), Imagen3)
- Lore do mundo, prompts de geração de imagem (ChatGPT 4o, Gemini 2.5 Pro)
- Implementação do projeto (Claude Sonnet 4, ChatGPT 4.1)
- BGM (SunoAI)
O protótipo chegou a um nível satisfatório em apenas um ou dois dias. Mas, como era de se esperar, quanto mais funções eu adicionava, mais aumentava o número de iterações de vibe e mais a continuidade se deteriorava. Por isso, no IDE usei o modo Ask bem mais do que o modo Agent e foquei bastante em manter poucas linhas por arquivo.
Como era a primeira vez que eu implementava o conceito de cenas aplicado a um jogo, houve ainda mais dificuldade por falta de instruções de design mais claras.
Para criar os prompts de personagens, consultei dicas de pessoas que usam Silly Tavern ou Wrtn.
O prompt simples que usei para gerar imagens de bebidas foi o seguinte.
"A detailed pixel art masterpiece, 16-bit retro style, vibrant colors, white background, depicting: mojito. Ensure clear outlines and a distinct pixelated aesthetic."
Como somos uma equipe sem designer, eu me perguntava se seria possível gerar assets suficientes usando IA generativa, mas para fins de protótipo foi uma experiência extremamente satisfatória.
[Sobre o desenvolvimento]
- IDE (Cursor, Github Copilot)
- API (ChatGPT 4.1)
- Backend serverless (Vercel)
- Banco de dados (SQLite serverless)
Era a minha primeira vez em um ambiente React. Mesmo no plano gratuito Hobby da Vercel, a experiência de deploy foi extremamente satisfatória, desde a implantação simples até estatísticas, conferência do Speed Insights, conexão com banco de dados serverless e ligação com domínio personalizado.
Para preservar a atmosfera de jogo, por enquanto os testes estão sendo feitos apenas em ambiente desktop, mas perguntas e feedback são sempre bem-vindos! Obrigado.
3 comentários
É um projeto interessante, mas é uma pena que não funcione no celular. Vou ter que experimentar quando chegar em casa. ^^;
Nossa, isso é muito interessante! Aproveitei muito um delicioso copo de margarita haha
Obrigado pela experiência! Não sei se a bebida durante o dia foi uma boa para você haha