← → navegar · Space próximo
MATÉRIA 01 // MÓDULO 01

Vibe Coding
e Ferramentas de IA

A nova forma de criar software conversando com a IA. Entenda o conceito, as ferramentas, as IDEs com IA e como combinar tudo na prática.

VIBE CODINGIDEs COM IAFERRAMENTAS
IA BUILDER01
FUNDAMENTO // CONCEITO

O que é Vibe Coding?

Termo cunhado por Andrej Karpathy em 2025. É programar conversando com a IA em linguagem natural, deixando a máquina escrever o código enquanto você guia, testa e ajusta. Você foca no quê e no porquê; a IA cuida do como.

  • Linguagem natural substitui boa parte da sintaxe técnica.
  • Foco em intenção e resultado, não em decorar comandos.
  • O dev (ou criador) vira diretor do projeto, não digitador.
KARPATHYLINGUAGEM NATURAL2025
IA BUILDER02
POSSIBILIDADES // ALCANCE

O que dá para fazer com Vibe Coding?

Praticamente qualquer software que rode na web, no celular ou no desktop. Vibe coding não é brinquedo, já é como muita gente cria produtos reais hoje.

Sites e Landing PagesCurrículos, portfólios, páginas de venda e sites institucionais.
Apps e SaaSMVPs, dashboards, painéis internos e produtos completos.
Automações e AgentesBots, integrações com APIs, scripts e fluxos com IA.
Jogos e ProtótiposJoguinhos web, experiências interativas e provas de conceito.
Análises e DadosVisualizações, relatórios, tratamento de planilhas e ETLs.
Extensões e PluginsExtensões de Chrome, plugins de Figma, scripts de produtividade.
IA BUILDER03
EXEMPLOS // PROJETOS REAIS

Exemplos de projetos

Coisas reais que pessoas sem background técnico construíram com vibe coding em dias ou semanas.

  • Currículo interativo em HTML publicado no GitHub Pages.
  • Landing page de produto com checkout via Stripe e e-mail automático.
  • App interno de RH para acompanhar férias, ponto e feedbacks.
  • Bot de WhatsApp que responde clientes usando a base de conhecimento da empresa.
  • Dashboard financeiro pessoal que lê extratos e categoriza gastos.
  • SaaS de nicho validado em 1 semana e cobrando assinatura mensal.
MVPSAASPRODUTOS REAIS
IA BUILDER04
NEGÓCIOS // CORPORATIVO

Como aplicar no mundo corporativo

Vibe coding entra na empresa resolvendo gargalos reais: validação rápida de ideias, automação de processos manuais e ferramentas internas que TI não consegue priorizar.

Prototipação RápidaValidar uma ideia com cliente em 1 dia ao invés de 3 meses no roadmap.
Automações InternasScripts, planilhas e relatórios que liberam horas do time toda semana.
Ferramentas InternasPainéis e formulários para o time operar sem depender de TI.
POCs com StakeholdersProvas de conceito navegáveis para vender projeto antes de gastar dev sênior.
PRODUTIVIDADEINOVAÇÃOCITIZEN DEV
IA BUILDER05
REALIDADE // DESAFIOS

Desafios para quem não é programador

Vibe coding não é mágica. A IA acelera muito, mas existem armadilhas que travam quem está começando. Conhecer cedo evita frustração.

  • Vocabulário técnico: termos como deploy, repo, branch, env podem assustar no começo.
  • Alucinação da IA: ela inventa funções e bibliotecas. Você precisa testar e questionar.
  • Debug de erro: quando algo quebra, é preciso aprender a ler logs e perguntar bem.
  • Segurança: chaves de API expostas, dados sensíveis e permissões podem virar problema sério.
  • Manutenção: código gerado precisa ser organizado, senão vira bola de neve em 2 semanas.
ATENÇÃOCURVA INICIAL
IA BUILDER06
FERRAMENTAS // BUILDERS DE IA

Ferramentas para criar aplicações com IA

Plataformas no-code/low-code com IA. Você descreve o app no chat, ela gera tudo (frontend, backend, banco) e disponibiliza online.

LovableApp full-stack a partir do prompt. Banco, login e deploy prontos. Ótimo para SaaS e MVPs. lovable.dev
v0 (Vercel)Foco em UI moderna React/Next.js. Gera componentes lindos a partir de imagem ou texto. v0.app
Bolt.newRoda código direto no navegador. Excelente para protótipos rápidos e demonstrações. bolt.new
NO-CODEPROMPT-TO-APPDEPLOY 1-CLICK
IA BUILDER07
FUNDAMENTO // O QUE É IDE

O que é uma IDE?

Integrated Development Environment, ambiente de desenvolvimento integrado. É o programa onde você escreve, testa e publica código em uma só janela, com tudo conectado.

  • Editor de código com destaque de sintaxe, autocomplete e atalhos.
  • Terminal integrado para rodar comandos sem sair da IDE.
  • Controle de versão com Git e GitHub plugados nativamente.
  • Debug e extensões para qualquer linguagem ou framework.
IDEEDITORDESKTOP
IA BUILDER08
IDEs // COM IA

IDEs com IA integrada

São IDEs tradicionais turbinadas com chat de IA, agentes e autocomplete inteligente que entendem todo o contexto do seu projeto.

VS Code + CopilotEditor mais usado do mundo + IA oficial do GitHub. Ambiente corporativo padrão.
CursorFork do VS Code focado em IA nativa. Chat e agente extremamente avançados.
WindsurfIDE com chat Cascade. Plano gratuito generoso, recomendado para começar.
AntigravityIDE AI-first do Google com agentes autônomos rodando Gemini e outros modelos.
Codex CLIAgente de IA da OpenAI no terminal. Roda em qualquer pasta, edita arquivos e executa tarefas.
Claude CodeCLI da Anthropic baseado em Claude. Forte em refatoração e contexto longo.
IA BUILDER09
COMPARATIVO // ABORDAGENS

IDE com IA vs Ferramentas de IA

IDEs com IA• Você tem o código na sua máquina
• Controle total: arquivos, Git, deploy
• Curva inicial maior
• Escala bem para projetos sérios e longos
• Exemplos: Cursor, Windsurf, VS Code
Ferramentas de IA• Tudo no navegador, sem instalar nada
• App pronto e online em minutos
• Curva quase zero
• Limites de customização e exportação
• Exemplos: Lovable, v0, Bolt.new

Resumo: ferramentas web são ótimas para começar e prototipar. IDEs com IA são o ambiente para crescer e manter o projeto.

IA BUILDER10
FLUXO // COMBO IDEAL

A combinação dos dois mundos

O fluxo mais poderoso é começar na ferramenta de IA e depois continuar na IDE com IA. Você ganha velocidade no início e controle no longo prazo.

  • 1. Prototipe rápido no Lovable, v0 ou Bolt.new para validar a ideia visualmente.
  • 2. Exporte ou conecte ao GitHub o código gerado pela ferramenta.
  • 3. Abra no Windsurf, Cursor ou Antigravity e evolua o projeto com a IDE com IA.
  • 4. Mantenha versionado no GitHub e faça deploy quando quiser.
PROTOTIPAREVOLUIRPUBLICAR
IA BUILDER11
INVESTIMENTO // CUSTOS

Custos das ferramentas

Quase todas têm plano gratuito para você começar. Os planos pagos liberam mais mensagens, modelos top de linha (GPT-5, Claude Sonnet 4.5, Gemini 3) e contexto maior.

WindsurfFree generoso. Pro a partir de ~US$ 15/mês.
CursorHobby grátis. Pro ~US$ 20/mês. Business ~US$ 40/mês.
AntigravityEm preview, gratuito com créditos generosos do Gemini.
VS Code100% grátis. Copilot a partir de ~US$ 10/mês.
Lovable / v0Free com limites. Planos a partir de ~US$ 20/mês.
Bolt.newFree com tokens diários. Pro a partir de ~US$ 20/mês.
FREE TIER~US$ 20/MÊSVALORES APROXIMADOS
IA BUILDER12
PÓS // STACK OFICIAL

Ferramentas que vamos usar na pós

Stack oficial da imersão. Tudo conectado ao seu GitHub, com plano gratuito suficiente para os projetos do curso.

WindsurfIDE principal, com chat Cascade. Ponto de partida da imersão.
CursorAlternativa avançada para quem quer IA nativa muito rápida.
AntigravityPara experimentar agentes autônomos com Gemini.
GitHubVersionamento, repositório online e deploy via Pages.
Lovable / v0 / BoltPara prototipagem rápida quando quisermos validar uma ideia.
Skills da AnthropicContexto especializado plugado nos projetos para elevar o resultado.
VAMOS COMEÇARIMERSÃOMÃO NA MASSA