O Google AI Studio é uma IDE (ambiente de desenvolvimento integrado) disponibilizada pelo Google que funciona diretamente no seu navegador e é dedicada à prototipagem com modelos de IA. Recentemente, a plataforma evoluiu de um simples testador de instruções (prompts) para uma verdadeira central de Full-Stack Vibe Coding, permitindo que você construa aplicações completas conversando com a inteligência artificial.

Vibe Coding e o Modo Build

O “Vibe Coding” é uma nova abordagem no desenvolvimento de software em que o desenvolvedor atua mais como um diretor de produto. Em vez de se preocupar com a sintaxe linha a linha de uma linguagem de programação, você foca na intenção, na experiência (“vibe”) e nas regras de negócios, enquanto a IA cuida da implementação técnica. Eu já discuti como essa tendência está mudando a forma como encaramos o PHP e o WordPress no post sobre Mitos do WordPress e Vibe Coding.

Para abraçar essa filosofia, o Google AI Studio introduziu o modo “Build”, potencializado pelo agente Antigravity.

Como o Antigravity transforma seu prompt em uma aplicação:

• Do Prompt ao Full-Stack: Você descreve a aplicação que deseja criar (ex: “Crie um jogo de quiz multiplayer com tema espacial”), e o agente gera o código completo, frequentemente utilizando tecnologias modernas como React, Next.js ou Angular.
• Integração Automática com Firebase: Se sua aplicação precisar de banco de dados ou login de usuários, o agente provisiona automaticamente recursos do Firebase (como Firestore e Authentication) nos bastidores. Para entender mais sobre essa integração, veja meu guia sobre Firebase Agent Skills.
• Live Preview e Iteração: Você visualiza a sua aplicação rodando em tempo real diretamente no navegador. Se algo não estiver como você imaginou, basta “conversar” com a aplicação no chat para refinar os detalhes (ex: “Aumente os botões e adicione um placar de líderes”).
• Deploy com um clique: Quando estiver satisfeito com o resultado, você pode publicar a aplicação no Cloud Run ou Google Antigravity com apenas um clique. Confira também o meu guia completo sobre o Antigravity.

Prompts e ajuste de modelos (Modo Clássico)

Além do modo Build, o Google AI Studio continua fornecendo suas interfaces tradicionais para criar prompts, ideais para testar e interagir diretamente com a API Gemini:

• Prompts de formato livre: Oferecem uma experiência aberta para gerar conteúdo e respostas a instruções. Você pode usar tanto imagens quanto texto nos seus prompts.
• Prompts estruturados: Essa técnica permite orientar a saída do modelo, fornecendo um conjunto de exemplos de solicitações e respostas. Use essa abordagem quando precisar de mais controle sobre a estrutura da saída.
• Prompts de chat: Use para criar experiências de conversação. Essa técnica permite múltiplas entradas e respostas, gerando uma saída mais completa e natural.

Exemplo prático: descubra mais sobre um edifício

As habilidades multimodais do Gemini permitem que você use uma combinação de imagens e texto nas suas solicitações ao modelo. Por exemplo, você pode usar esse recurso para aprender mais sobre um edifício apresentado em uma imagem.

Passo 1 – Criando um prompt com texto e imagens

1. Acesse o Google AI Studio.
2. No painel esquerdo, selecione “Criar novo” > “Prompt de formato livre”.
3. No campo “Modelo” da coluna à direita, selecione um modelo com suporte a imagens, como o Gemini 1.5 Flash ou Pro.
4. Na área de texto do prompt, digite o seguinte texto:
   • “Dê uma olhada nessa imagem e me diga qual é o estilo arquitetônico do prédio”
5. Na barra “Inserir” acima da área de prompt, selecione “Imagem” e escolha uma imagem de exemplo de um edifício.
6. Na parte inferior da janela do aplicativo, selecione “Executar” para gerar uma resposta.

Passo 2 – Adicionando uma variável substituível ao prompt

Para aplicativos interativos, você pode parametrizar seus prompts usando variáveis.

1. Selecione a frase que deseja substituir em seu prompt (ex.: “qual é o estilo arquitetônico do prédio”).
2. No cabeçalho “Inserir:” acima do prompt, selecione “{{ }}” (Input de teste).
3. Na tabela “Teste seu prompt” abaixo, adicione valores adicionais, como “Quem foi o arquiteto?” ou “Me conte sobre a história desse edifício”.
4. Selecione “Executar” para gerar respostas para cada uma das variações.

Próximos passos

Seja construindo um app completo no modo Build através de Vibe Coding ou testando um prompt multimodal, o Google AI Studio exporta facilmente o código gerado para o seu ambiente de desenvolvimento favorito (Python, JavaScript, cURL, etc.). Experimente e dê vida às suas ideias!