Aula 2 • Turma Maio 2026 • Publicação e Contexto

GitHub, Vercel
& Deep Research

GitHub • Vercel • Notebook LM • Get Design

Do protótipo à publicação em produção. Como tirar código do AI Studio para o nosso servidor, enriquecer ideias com Deep Research, “assassinar” más ideias com Roast My Idea e gerar PRDs a partir de vídeos no Notebook LM.

▶ Ver Gravação Completa
O que aprendemos

Resumo da Sessão

A segunda sessão da Turma de Maio focou-se em sair do “jardim fechado” do Google AI Studio para ganhar autonomia: criar conta no GitHub (a “Torre de Babel” de todo o código) e sincronizá-la com o Vercel para publicar projetos em segundos. Paulo voltou a reforar a trindade do Vibe Coding (contexto, prompt e ferramentas), respondeu a dúvidas sobre segurança dos ficheiros design.md, demonstrou como exportar do Stitch para o AI Studio com PRD anexado e mostrou o repositório Get Design com mais de 125 design systems prontos a copiar. Bilal apresentou a sua tabela de melhores ferramentas para cada etapa e introduziu o Whisperflow para ditar prompts em vez de escrever. A segunda metade foi dedicada ao enriquecimento de contexto: Deep Research no Gemini para validar ideias, a técnica do Roast My Idea para matar projetos não viáveis cedo, Notebook LM para transformar vídeos do YouTube em PRDs completos, o ecossistema Idea Browser do Greg Eisenberg e a história real dos 800€ gastos por publicar uma API key num repositório público — sublinhando a importância de manter repos privados.

Navegação temporal

Momentos-Chave

Clique em qualquer momento para saltar diretamente para essa parte da sessão gravada.

▶ 02:47

Segurança dos Ficheiros design.md

  • Dúvida levantada pelo Nuno: pode um ficheiro design.md de um repositório externo trazer código malicioso?
  • Resposta clara: design.md é texto plain (Markdown), não executa scripts — declara apenas cores, tipografia, espaçamento e regras visuais.
  • Analogia: igual a um documento Word sem macros — não há geração de código nem Python executável.
  • Boa prática: abrir o ficheiro antes de usar para confirmar visualmente, especialmente quando vem de marcas desconhecidas.
▶ 05:21

Recap da Trindade do Vibe Coding

  • Três pilares revisitados: Contexto (base de conhecimento), Prompt (arte de pedir) e Ferramentas (Gemini, Stitch, AI Studio, Lovable, Antigravity).
  • Processo padrão: ideia → PRD → design no Stitch → código no AI Studio → publicação via GitHub + Vercel.
  • Antigravity entrará na semana 3: IDE da Google com acesso aos modelos Anthropic (Opus, Sonnet) e Google por 22€/mês — sem licença extra de Claude Code.
  • Repetição deliberada das ferramentas para fixar o workflow — feedback recolhido nas turmas anteriores.
▶ 13:48

GitHub: A “Torre de Babel” de Todo o Código

  • Bilal apresenta GitHub como obrigatório para qualquer Vibe Coder — agrupa 90% dos repositórios de código (privados e públicos).
  • Workflow: sign up via Google (recomendado), escolher username (fixo, associa-se ao repositório), criar conta em menos de 1 minuto.
  • Conceito de branch: variar o código para experimentar uma nova feature sem mexer no core, e depois reintegrar.
  • GitHub serve de ponte entre AI Studio, Cloud Code, Antigravity, Cursor — toda a stack futura passa por lá.
▶ 17:12

Vercel: Servidor Serverless Grátis em 1 Clique

  • Vercel sincronizado com GitHub publica automaticamente sempre que há uma atualização no repositório — zero fricção.
  • Modelo Hobby gratuito serve para a maior parte dos projetos da formação; Pro a 20€/mês desbloqueia colaboração em equipa.
  • Comparação com HostGator/VPS: o Vercel é serverless, não é preciso instalar WordPress nem configurar servidor virtual.
  • Permite depois comprar domínio dentro da própria plataforma e associá-lo a qualquer projeto (AI Studio, Lovable, Antigravity).
▶ 27:48

Demo Stitch → AI Studio com PRD Anexado

  • Paulo demonstra o caminho completo: criar landing page no Stitch, fazer Export → AI Studio, anexar o PRD na primeira prompt.
  • Sem PRD: o AI Studio inventa funcionalidades; com PRD: gera código alinhado com user stories e objetivos de negócio.
  • Analogia: design e desenvolvimento são duas pessoas/agentes diferentes — o PRD é o documento que unifica a visão e poupa horas de retrabalho.
  • Para mudanças de layout estrutural: trabalhar no Stitch. Para look & feel pixel-perfect, ajustar no AI Studio que controla diretamente o HTML.
▶ 49:28

Get Design: 125+ Design Systems Prontos a Copiar

  • Repositório com design systems oficiais (Apple, Anthropic, Spotify, Uber, Cloudflare, BMW) prontos para serem aplicados aos projetos.
  • Cada design tem um botão para copiar/download do design.md — basta colar no AI Studio ou Antigravity para mudar todo o look & feel.
  • Bilal mostra a variação “Cloudflare style”: o mesmo projeto fica com identidade visual completamente diferente em segundos.
  • Resolve o “Vibe Code look” genérico que todas as ferramentas produzem por defeito — verdadeira diferenciação visual sem ser designer.
▶ 01:00:25

Deep Research no Gemini para Validar Ideias

  • Prompt estruturada no Miro: pede ao Gemini um relatório de 4 páginas com definição de produto, problem statement, métricas de sucesso e validação de mercado.
  • Demonstração prática: ideia de agregador de campanhas (Meta, TikTok, LinkedIn, Google Ads) gerou em 20 minutos um business plan completo com 13 páginas.
  • Deep Research pode demorar 10-20 minutos — vale a pena esperar porque traz fontes próprias e análise mais consistente que pesquisa normal.
  • Workflow: research → resumo para 4 páginas → alimenta o PRD seguinte — o contexto rico é o que separa um bom output de um output genérico.
▶ 01:09:25

Roast My Idea: Matar Ideias Más ao Princípio

  • Técnica: pedir à IA “Roast My Idea”, “Roast My Project” — crítica ácida e divertida com base no research feito.
  • No caso demo: identificou que “Meta já está a resolver o problema” e “Motion já cobra 250$/mês por algo semelhante”.
  • Sugestão do próprio AI: pivot para agregador multi-plataforma (Meta + TikTok + LinkedIn + Google) — mantém a ideia mas com diferenciação.
  • Filosofia: melhor matar 1 ideia em 20 minutos do que perder 5 semanas a construir um “botão” que ninguém precisa.
▶ 01:23:36

Notebook LM: Transformar Vídeos do YouTube em PRDs

  • Notebook LM importa automaticamente as captions de qualquer vídeo do YouTube, sem precisar ver o vídeo todo.
  • Caso demo: a partir do vídeo sobre “25 agents working” gerou PRD completo com arquitetura e features para replicar a mesma app no Antigravity.
  • Ligação direta com Gemini: cria implementation plan ou apresentação Canva diretamente do conteúdo importado — pitch para o boss em 10 minutos.
  • Aviso: modelo Fast traz output básico; modelo Pro produz apresentações e PRDs com qualidade significativamente superior.
▶ 01:53:49

Caso Real: 800€ Perdidos por uma API Key Pública

  • Bilal partilha história própria: publicou um repositório público no GitHub com a API key do Google — bots detetaram em horas.
  • Resultado: fatura de cerca de 800€ em consumo não autorizado da chave até ele perceber o que tinha acontecido.
  • Regra de ouro: criar sempre o repositório como private; mesmo que esquecer dados sensíveis, ninguém mais os vê sem autorização.
  • Discussão de bases de dados gratuitas: preferência pessoal pelo Neon (free tier generoso, não desativa por inatividade) sobre Supabase (máximo 2 projetos ativos no plano free).
Toolkit

Ferramentas Essenciais

Plataformas e recursos apresentados durante a formação

GitHub Logo

GitHub

O repositório universal de código — agrega 90% dos projetos do mundo. Permite versões (branches), colaboração e serve de ponte entre AI Studio, Lovable, Antigravity, Cursor e qualquer ferramenta de Vibe Coding. Gratuito para repositórios públicos e privados.

Aceder ao GitHub →
Vercel Logo

Vercel

Hosting serverless gratuito para projetos do AI Studio, Lovable e outros. Sincroniza com GitHub para deploys automáticos a cada commit, suporta domínios próprios e gere variáveis de ambiente (API keys). Plano Pro a 20€/mês desbloqueia colaboração entre membros da equipa.

Aceder ao Vercel →
Google AI Studio Logo

Google AI Studio

Fábrica de código a partir de prompt + design.md. Agora gera ideias automáticas com o botão “I’m Feeling Lucky” e tem deploy nativo no GitHub. Para apps complexas com base de dados, integra com Firebase ou Neon via Vercel.

Aceder ao AI Studio →
Google Stitch Logo

Google Stitch

Ferramenta de design da Google que gera designs e exporta design.md + HTML + imagens. Permite selecionar múltiplos ecrãs (Ctrl/Cmd + clique) e mandá-los todos juntos para o AI Studio, formando sequências de aplicação completas.

Aceder ao Stitch →
Notebook LM Logo

Notebook LM (Google)

Ferramenta gratuita que importa automáticamente captions de vídeos do YouTube e cria resumos, PRDs ou implementation plans. Liga-se diretamente ao Gemini para gerar apresentações e análises sem ver os vídeos. Ideal para research e pitch de ideias.

Aceder ao Notebook LM →
Whisperflow Logo

Whisperflow

App de ditado por voz que substitui escrever prompts longas em qualquer aplicação. Suporta tradução automática (português → inglês) e é mais rápido que escrever, especialmente em projetos colaborativos. Plano gratuito limitado por palavras/mês.

Experimentar Whisperflow →
Miro Logo

Miro

Quadro colaborativo onde Paulo organiza prompts master, templates de PRD e Deep Research para reutilização. Centraliza recursos partilhados com a turma e serve de base para os exercícios práticos da formação.

Aceder ao Miro →
Idea Browser Logo

Idea Browser (Greg Eisenberg)

Plataforma que analisa centenas de ideias por dia com IA — mostra dor do mercado, dificuldade, tendência de pesquisas Google e sinais da comunidade (Reddit, YouTube). Preço entre 500€ e 1500€/ano; serve de inspiração mesmo sem assinatura.

Aceder ao Idea Browser →
Próximos passos

Trabalhos de Casa

Criar conta GitHub e Vercel com o mesmo email (idealmente login via Google) — obrigatório para todas as próximas sessões
Todos os formandos Antes da próxima sessão
Trazer uma ideia de projeto concreta para a Aula 3 — mesmo que simples (gestão de tarefas, app de receitas, marcações de escola de surf) para fazer hands-on com mentoria nas breakout rooms
Todos os formandos Próxima quinta-feira
Executar um Deep Research no Gemini sobre a vossa ideia + um Roast My Idea para validar viabilidade antes de começar a construir
Todos os formandos Próximos dias
Praticar o fluxo Stitch → AI Studio → GitHub → Vercel com um projeto simples e publicar o link no grupo WhatsApp da turma
Todos os formandos Esta semana
Sempre criar repositórios privados no GitHub — nunca publicar API keys ou ficheiros .env em repositórios públicos (relembrar a história dos 800€)
Todos os formandos Prática permanente
Atualizar o LinkedIn com a formação “Vibe Coding @ Lisbon Digital School” — vários formandos das edições anteriores foram recrutados durante o curso por esta skill emergente
Todos os formandos Até ao fim do curso

Lisbon Digital School • Vibe Coding • Turma Maio 2026

Lisbon Digital School — Entidade formadora certificada pela DGERT, dedicada à capacitação digital e formação profissional em marketing digital, inteligência artificial e inovação. 8 anos no mercado, mais de 18.000 alunos e 270 empresas servidas.

Formadores: Paulo e Bilal (AI Para Ti)

Um programa prático de 4 semanas (20h síncronas + 10h assíncronas) que ensina a criar aplicações, sites e automações usando inteligência artificial. A abordagem combina estratégia de negócio com execução técnica, capacitando profissionais de qualquer área a transformar ideias em produtos digitais reais.