Aula 2 | Turma maio 2026

O que aprendemos

Resumo da Sessao

Segunda aula dedicada a tirar o protótipo do AI Studio e colocá-lo online de forma autónoma. Paulo e Bilal mostram como criar conta no GitHub, ligá-la ao Vercel e exportar o projeto a partir do Google AI Studio, garantindo que o código deixa de depender da garagem da Google. A meio da sessão aprofunda-se a camada de contexto com Gemini Deep Research e a técnica de roast para validar ideias antes de investir tempo. A aula fecha com o Notebook LM como acelerador de pesquisa e um momento prático em que cada formando aplica o fluxo à sua própria ideia.

Navegacao temporal

Momentos-Chave

Clique em qualquer momento para saltar diretamente para essa parte da sessao gravada.

▶ 5:09

Recap do fluxo: contexto, prompt e ferramentas

Reforço dos três pilares da programação assistida: contexto, prompt e ferramentas
Ideia → PRD → design no Stitch → código no AI Studio é o caminho base
O PRD serve simultaneamente o agente de design e o agente de desenvolvimento
Repetição deliberada das ferramentas para integrar no dia a dia dos formandos

▶ 13:22

GitHub como repositório central do código

GitHub agrega cerca de 90% dos códigos públicos e privados do mundo
Criação de conta via Google em poucos cliques, escolhendo username e país
Substitui pens, discos e envios manuais entre equipas
Permite versões paralelas do mesmo código para experimentação segura

Infográfico sobre GitHub, Vercel, repositório privado, deploy e variáveis de ambiente — **GitHub + Vercel como pipeline** O código fica versionado, o deploy torna-se repetível e as chaves passam para variáveis de ambiente em vez de ficarem no repositório.

▶ 17:09

Vercel: hosting serverless ligado ao GitHub

Conta no Vercel deve usar o mesmo e-mail do GitHub para evitar dessincronização
Vercel publica automaticamente sempre que há atualização no repositório
Plano gratuito chega para começar; equipas em simultâneo exigem plano pago
Diferença face a um VPS tradicional: sem instalação, sem servidor para gerir
Domínio próprio pode ser comprado ou ligado mais tarde na mesma plataforma

▶ 28:00

Exportar do Google AI Studio para GitHub

No AI Studio o botão Export entrega imagem, HTML e design.md
Login no GitHub a partir do AI Studio cria o repositório com um clique
Importante reforçar o PRD para evitar escolhas sem base no requisito
Design e desenvolvimento funcionam como duas equipas distintas que partilham o mesmo requisito

Infográfico sobre PRD como ligação entre estratégia, design e código — **PRD como linguagem comum** O mesmo requisito orienta estratégia, design e desenvolvimento, reduzindo desalinhamento entre ferramentas.

▶ 44:32

Ficheiros .md como linguagem comum dos agentes

design.md guarda cores, tipografia, espaçamentos e tom de comunicação
Formato .md é legível tanto por humanos como pelos agentes de IA
Pode ser reutilizado entre AI Studio, Cursor e Claude Code sem retrabalho
Permite trocar de design system mantendo a mesma estrutura de produto

▶ 1:00:10

Deep Research no Gemini para enriquecer o contexto

Prompt base já existente no Miro pede racional estratégico, problem statement e métricas de sucesso
Pode demorar 10 a 20 minutos mas devolve relatórios com dezenas de páginas e fontes
Resultado é depois resumido em 4 páginas para alimentar o PRD
Substitui dias de pesquisa manual sobre mercado e concorrência

Infográfico sobre validar uma ideia com mercado, concorrentes, riscos, métricas e decisão — **Validar antes de construir** Deep Research e roast ajudam a decidir se a ideia deve avançar, pivotar ou parar antes de gastar tempo em implementação.

▶ 1:07:21

Roast: matar a ideia antes de investir tempo

Pedir ao Gemini para criticar a ideia com base no Deep Research feito
Identifica saturação de mercado, concorrentes diretos e riscos de investimento
Ajuda a decidir entre prosseguir, pivotar ou abandonar a ideia
O resultado do roast é integrado de volta no PRD para refinar o âmbito

▶ 1:25:00

Notebook LM como acelerador de pesquisa

Aceita vídeos do YouTube como fonte e usa as legendas para análise
Gera PRD a partir de um vídeo técnico em minutos
Liga diretamente ao Gemini para gerar apresentações e landing pages
Útil para capturar conteúdo consumido em deslocações ou no ginásio

Infográfico sobre transformar vídeos, PDFs e links em resumos, requisitos e apresentações — **NotebookLM como motor de fontes** O valor está em partir de materiais reais e converter fontes dispersas em requisitos, sínteses e artefactos reutilizáveis.

▶ 1:33:24

Idea Browser de Greg Isenberg

Fonte diária de ideias validadas com dados de pesquisa e procura
Avalia oportunidade, dor do problema e dificuldade de execução
Cruza sinais de comunidade do Reddit e do YouTube
Inclui prompts já preparados para AI Studio, Lovable e Cursor

▶ 1:52:29

Segurança ao publicar: repositórios privados e API keys

Repositórios devem começar sempre como privados por defeito
Bots varrem o GitHub público à procura de chaves expostas
Bilal partilhou caso real de 800€ em custos por chave Google exposta
API keys ficam guardadas nas Environment Variables do Vercel, não no código

Infográfico sobre segurança de repositórios privados, API keys, variáveis de ambiente e deploy seguro — **Segurança antes do deploy** Repositório privado, variáveis de ambiente e revisão de segredos são passos obrigatórios antes de partilhar qualquer link.

Toolkit

Ferramentas Essenciais

As plataformas e ferramentas mencionadas ou usadas no fluxo pratico da aula.

GitHub

Repositório onde o código gerado no AI Studio é guardado e versionado. Funciona como ponto único a partir do qual o Vercel e outras ferramentas vão buscar o projeto.

Abrir ferramenta

Vercel

Plataforma de hosting serverless que publica o site automaticamente sempre que há um commit no GitHub. Permite ligar domínio próprio e gerir variáveis sensíveis fora do código.

Abrir ferramenta

Google AI Studio

Ambiente onde se gera o protótipo funcional a partir do PRD e do design exportado do Stitch. Tem botão de Export direto para GitHub, fechando o ciclo até à publicação.

Abrir ferramenta

Google Stitch

Ferramenta gratuita da Google para gerar o design do produto antes do código. Exporta imagem, HTML e design.md prontos a importar no AI Studio.

Abrir ferramenta

Gemini

Modelo usado para refinar o PRD e correr o Deep Research da ideia. Também serve para o exercício de roast, criticando a viabilidade do projeto antes de investir tempo.

Abrir ferramenta

NotebookLM

Ferramenta da Google que ingere vídeos, PDFs e links como fontes e devolve resumos e PRDs. Foi usada para transformar um vídeo do YouTube num requisito pronto a executar.

Abrir ferramenta

Miro

Quadro colaborativo onde a equipa mantém os prompts mestre do curso. Ponto de partida para o Deep Research e para o template do PRD.

Abrir ferramenta

Idea Browser

Plataforma de Greg Isenberg com uma ideia validada por dia. Mostra dados de procura, dificuldade de execução e prompts prontos a usar em ferramentas como o AI Studio.

Abrir ferramenta

Proximos passos

Trabalhos de Casa

Tarefas praticas para transformar a sessao em progresso real antes da proxima aula.

Criar conta no GitHub e no Vercel com o mesmo e-mail

Garantir que ambas as contas estão criadas e ligadas para os exercícios seguintes do curso.

Todos os formandosAté à próxima aula

Correr Deep Research da ideia pessoal no Gemini

Usar o prompt mestre do Miro para validar mercado, concorrência e risco antes de avançar para o PRD.

Todos os formandosAté à próxima aula

Pedir roast da ideia ao Gemini e atualizar o PRD

Integrar a crítica recebida no PRD para refinar âmbito e funcionalidades essenciais.

Todos os formandosAté à próxima aula

Exportar protótipo do AI Studio para repositório privado no GitHub

Publicar a landing page da ideia pessoal ligando o repositório ao Vercel.

Todos os formandosAté à próxima aula

Do protótipo à publicação: GitHub, Vercel e Deep Research

Resumo da Sessao

Momentos-Chave

Recap do fluxo: contexto, prompt e ferramentas

GitHub como repositório central do código

Vercel: hosting serverless ligado ao GitHub

Exportar do Google AI Studio para GitHub

Ficheiros .md como linguagem comum dos agentes

Deep Research no Gemini para enriquecer o contexto

Roast: matar a ideia antes de investir tempo

Notebook LM como acelerador de pesquisa

Idea Browser de Greg Isenberg

Segurança ao publicar: repositórios privados e API keys

Ferramentas Essenciais

GitHub

Vercel

Google AI Studio

Google Stitch

Gemini

NotebookLM

Miro

Idea Browser

Trabalhos de Casa

Lisbon Digital School • SprintAI • Vibe Coding • Turma maio 2026