Vibe coding acaba com o terror de integrar sua aplicação com IA

De uns tempos para cá, todos os times de desenvolvimento de produtos tiveram uma cobrança: “Nós temos que ter alguma funcionalidade com Inteligência Artificial”. Daí em diante começou o caos. Times e mais times se descabelando tentando achar um motor de IA e, depois disso, quebrando a cabeça para se conectar com a IA.

Isso realmente era complexo e difícil, porém, com o vibe coding tudo isso mudou. Nós estávamos na nossa aula de Vibe Coding com Lovable & Skip, e a integração com IA era um dos pontos que precisávamos abordar. 

Conectando com o Google AI Studio no passado

Antigamente (mês passado), para conectar nossa aplicação com a Gemini do Google nós tínhamos que executar os seguintes passos:

  1. Acessar o Google AI Studio API Keys
  2. Criar a chave de API
Tela do Google AI Studio exibindo o botão Criar chave de API e opção de filtro por projetos
Interface do Google AI Studio com o botão para criar a chave de API
  1. Dar um nome para a chave
Janela do Google AI Studio mostrando a criação da chave de API nomeada Gestão-pessoas-api vinculada ao projeto TRE-RJ
Configuração da chave de API no Google AI Studio
  1. Copiar a chave API
Linha de projeto no Google AI Studio mostrando o item TRE-RJ com ícone de copiar chave destacado
Google AI Studio com atalho para copiar a chave de API

Depois, você acessa a sua ferramenta de vibe coding (Lovable) e descreve o que quer fazer com o Gemini. Por exemplo: “Utilize a API do Gemini para que, após a inclusão de um novo texto, corrija erros de escrita e gramática, faça um resumo e verifique se há referências ao que a pessoa escreveu na internet”.

Ele pediu que você incluísse a chave da API para acessar o Google AI Studio.

Interface exibindo o campo Add Secret com a variável GOOGLE_AI_API_KEY para integração do Google AI Studio
Tela solicitando a chave GOOGLE_AI_API_KEY para habilitar o Google AI Studio na integração

Pronto! Está conectado e funcionando. Basta publicar e distribuir

Conectando com vibe coding hoje

Para conectar hoje com uma API de IA hoje, faça o seguinte: 

  1. “Utilize uma IA, após a inclusão de um novo texto, corrija erros de escrita e gramática, faça um resumo e verifique se há referências ao que a pessoa escreveu na internet”
  2. Pronto!

Só isso? Sim! Só isso. O Lovable utilizará o Lovable AI Gateway e, assim, você não precisa nem obter a chave da API do Google AI Studio.

Configuração habilitada de IA automática com opção Gerar título automaticamente ativa na interface de integração. vibe coding simplificando a vida.
Simplicidade para integrar a aplicação à IA via Lovable AI Gateway.

Lovable AI Gateway

O gateway é uma porta de entrada e de saída que o Lovable utiliza para simplificar a interação com as APIs de Inteligência Artificial.  Algumas informações sobre o Gateway do Lovable, atualizado a qualquer momento.

Custos

  • Uso gratuito incluído: Você tem uma quantidade de uso gratuito por mês incluída no seu plano Lovable
  • Após o limite gratuito: as requisições passam a ser bloqueadas após o limite ou são cobradas com base no número de requisições feitas ou, caso você queira,

Limites

  • Se você exceder o limite de requisições por minuto, receberá um erro 429 (Rate limit exceeded)
  • Se você ficar sem créditos, receberá um erro 402 (Payment required)

Modelos disponíveis

Modelo Descrição Ideal para
Gemini 3 Pro O mais novo modelo topo de linha do Google, o Gemini. Maior precisão de raciocínio, janela de contexto maior, melhor integração multimodal e uso de ferramentas mais confiável do que o 2.5 Pro. Mais lento e com preço premium. Agentes avançados, pesquisa complexa, raciocínio de longo prazo, análise multimodal que exige alta precisão.
Nano Banana Pro Modelo de geração e edição de imagens baseado na arquitetura de imagem do Gemini 3 Pro. Visuais de alta resolução com qualidade de estúdio, otimizados para texto em imagens e composição com múltiplas imagens. Criação de recursos visuais, fluxos de trabalho com grande volume de imagens, infográficos e prototipagem rápida de conteúdo criativo e de design.
Gemini 2.5 Pro O geminiano mais inteligente e complexo. Raciocínio apurado, amplo contexto, mais lento e mais caro. Raciocínio profundo, programação avançada, pesquisa, tarefas multimodais complexas
Gemini 2.5 Flash (padrão) Modelo equilibrado. Mais rápido e mais barato do que o Pro, mas ainda capaz de bom desempenho. Preço intermediário. Assistentes, análises, fluxos de trabalho gerais em que o equilíbrio entre velocidade e inteligência é fundamental.
Gemini 2.5 Flash Lite Gemini: o processador mais rápido e econômico. Executa tarefas simples em grande escala, com menos complexidade de raciocínio. Tarefas de alto e baixo volume, como classificação, sumarização e tradução.
Imagem Flash Gemini 2.5 Otimizado para geração de imagens. Muito barato por imagem, não indicado para raciocínio textual. Geração de imagens, resultados visuais rápidos
GPT-5 O modelo mais inteligente da OpenAI. Raciocínio robusto, muito preciso, porém o mais lento e o mais caro. Raciocínio de altíssima qualidade, aplicativos que exigem precisão crítica, tomada de decisão complexa.
GPT-5 Mini GPT-5 balanceado. Mais barato e mais rápido do que o GPT-5, menos complexo, mas com forte aplicabilidade geral. Assistentes, raciocínio de complexidade média, fluxos de trabalho empresariais
GPT-5 Nano GPT-5 mais barato e rápido. Raciocínio muito básico, ideal para respostas rápidas ou simples. Resumos, classificação, extração, tarefas simples de alto volume

Conectando com outras IAs além do Gateway

É simples: basta perguntar à IA o que você deseja fazer. Por exemplo: “Gostaria que a funcionalidade XYZ fosse executada via API do ChatGPT. O que eu preciso fazer?” Ela dirá exatamente os passos de que você precisa. Siga-os.

Um exemplo de aplicação com IA e Vibe coding

Durante a aula, em um dos nossos exercícios, a turma criou um repositório de aprendizados. Você pode utilizar essa aplicação. Ela está disponível em https://card-of-learnings.lovable.app . A criação do título do aprendizado e dos links é feita por inteligência artificial, e você pode escolher se deseja experimentar o Lovable AI Gateway, o Google AI Studio ou o gratuito do Groq (com q, não é o GroK da xAI). 

Menu de seleção de provedor de IA exibindo Lovable AI, Groq e Google AI Studio como opções para geração de títulos. Turma vibe coding com Lovable e Skip - Turma 02
Seleção do provedor de IA responsável pela geração automática de títulos

Conclusão

Não há mais desculpas. Incorporar IA no seu produto ficou muito, muito fácil. Se você quiser essas e outras dicas, dê primeiro uma olhada no nosso blog sobre Inteligência Artificial e vibe coding. Em especial, dê uma olhada nesse artigo aqui: Criando um Modelo de Precificação de Software com IA e Vibe Coding

Além disso, participe do nosso treinamento: 

Vibe Coding com Lovable & Skip

Avelino segurando um microfone e uma camiseta preta escrita Agile. Ele é pardo, barba e cabelos grisalhos.

Sobre o autor(a)

Trainer na K21

Avelino Ferreira é formado e mestre em Ciência da Computação. Teve uma longa trajetória na TI, começando como programador e chegando a gestor de diversos times de criação de produtos digitais. Conheceu e começou a adotar as melhores prática de de Métodos Ágeis em 2008. Desde então, se dedica a auxiliar outras empresas na construção da cultura ágil. Atualmente, é Consultor e Trainer na K21

Artigos relacionados

Avelino segurando um microfone e uma camiseta preta escrita Agile. Ele é pardo, barba e cabelos grisalhos.

Em uma conversa durante uma aula de Kanban System Design (KSD), uma aluna relatou a seguinte situação: A equipe dela trabalha em turnos de 24 horas por dia, 7 dias por semana. Elas utilizam agilidade e realizam retrospectivas, tentando reunir…

Avelino segurando um microfone e uma camiseta preta escrita Agile. Ele é pardo, barba e cabelos grisalhos.

No artigo sobre bloqueios, falei brevemente sobre o Blocker Clustering (agrupamento de bloqueios), mas gostaria de expandir o tema, pois é importante. Afinal, no dia a dia, eles acontecem; quanto mais longevo for o time ou quanto mais tempo levar…

Avelino segurando um microfone e uma camiseta preta escrita Agile. Ele é pardo, barba e cabelos grisalhos.

A vida vai bem; os itens de trabalho andam normalmente pelo fluxo, porém, de repente, um item para e não consegue prosseguir, pois está bloqueado. O que significa um item bloqueado e como podemos tratá-lo é o que veremos neste…

Avelino segurando um microfone e uma camiseta preta escrita Agile. Ele é pardo, barba e cabelos grisalhos.

Há alguns meses, nos cobraram um sistema de precificação de software, com gestão de custos e de usuários. Basicamente, para descobrir se o resultado compensa o custo. Nós nunca tínhamos feito nada parecido, então dei uma vasculhada na internet para…