MODULO 1.1

🧠 Mentalidade e Metodo de Vibe Coding

Fundamentos para pensar, planejar e executar projetos de software com IA como copiloto.

6
Topicos
45
Minutos
Basico
Nivel
T+P
Teoria+Pratica
1

💡 O que e Vibe Coding em 2026

Em janeiro de 2025, Andrej Karpathy, ex-diretor de IA da Tesla e co-fundador da OpenAI, publicou um post que mudou a forma como o mundo pensa sobre desenvolvimento de software. Ele descreveu uma nova forma de programar onde voce "se entrega ao vibe", conversa com a IA, e software funcional simplesmente surge. Em 2026, esse conceito evoluiu radicalmente.

Conceito Principal

Vibe Coding e a pratica de construir software atraves de conversas com IA, onde o desenvolvedor descreve o que quer em linguagem natural e a IA gera o codigo. O termo foi cunhado por Karpathy para descrever um estilo de programacao onde voce nao escreve codigo manualmente: voce descreve, aceita, executa e itera.

A evolucao em 2026 trouxe tres niveis: Vibe Coding (escrever codigo com IA), Agentic Engineering (agentes autonomos que planejam e executam), e Vibe Shipping (da ideia ao deploy sem escrever uma linha de codigo manualmente).

Dados de Pesquisa

92%

dos desenvolvedores nos EUA usam IA no dia a dia (GitHub Survey 2025)

41%

do codigo global e gerado por IA (Microsoft/GitHub Copilot Report)

3x

aumento na velocidade de prototipagem com Vibe Coding

2025-26

transicao de "assistente" para "agente" em ferramentas de dev

Dica Pratica

Nao tente aprender a programar da forma tradicional para depois usar IA. Comece direto com Vibe Coding. As ferramentas de 2026 (Claude Code, Cursor, Windsurf) ja permitem que voce construa software funcional descrevendo o que quer.

O segredo e aprender a descrever bem o que voce quer, nao a escrever codigo. Seu papel e ser o arquiteto e o diretor criativo. A IA e o executor.

Timeline da Evolucao

Jan 2025

Karpathy cunha o termo "Vibe Coding" em post viral

Mid 2025

Ferramentas agenticas surgem (Claude Code, Devin, Cursor Agent)

Late 2025

Agentic Engineering se consolida como disciplina

2026

Vibe Shipping: da ideia ao deploy completo com IA

2

🎯 Da Ideia ao Software

Toda grande ferramenta comeca com uma observacao simples: "isso poderia ser melhor". O pipeline de Vibe Coding transforma essa observacao em software funcional de forma sistematica.

A diferenca entre quem constroi e quem fica na ideia e ter um metodo. Nao basta dizer "quero um app de X". Voce precisa responder quatro perguntas fundamentais antes de abrir qualquer ferramenta de codigo.

Conceito Principal: Pipeline Problema > Usuario > Solucao > MVP

P

Problema

Qual dor especifica voce resolve? "As pessoas perdem tempo fazendo X manualmente" e mais claro que "quero um app legal".

U

Usuario

Quem sofre com esse problema? Freelancers? Pequenos empresarios? Estudantes? Quanto mais especifico, melhor.

S

Solucao

Como seu software resolve o problema? Qual e a acao principal que o usuario faz? Em uma frase: "O usuario faz X e recebe Y".

M

MVP

Qual e a versao mais simples que resolve o problema? Nao e o produto dos sonhos. E o produto que funciona e pode ser testado hoje.

Por que isso funciona

Segundo o CB Insights Startup Failure Report, a razao numero 1 de falha de startups e "construir algo que ninguem quer" (35% dos casos). O pipeline Problema > Usuario > Solucao > MVP forca voce a validar a necessidade antes de investir tempo construindo.

Com Vibe Coding, voce pode testar uma ideia em horas, nao semanas. Mas a velocidade so e util se voce estiver construindo a coisa certa.

Dica Pratica: A Frase do Produto

Antes de abrir qualquer ferramenta, escreva uma unica frase no formato:

"Um [tipo de app] que ajuda [usuario] a [resolver problema] atraves de [mecanismo principal]."

Exemplo: "Um dashboard web que ajuda freelancers a organizar projetos e prazos atraves de automacao com IA."

Fazer

  • Conversar com 3-5 pessoas que tem o problema
  • Escrever a frase do produto antes de codar
  • Definir o fluxo principal do usuario
  • Comecar pelo menor MVP possivel

Evitar

  • Comecar a codar sem definir o problema
  • Construir para "todo mundo"
  • Adicionar features antes de validar a base
  • Planejar 6 meses de desenvolvimento
3

✂️ Escopo e Definicao de Produto

A IA tornou construir software mais facil. E isso e perigoso. Quando tudo parece facil de implementar, a tendencia natural e adicionar mais e mais funcionalidades ate o projeto virar um monstro ingerenciavel.

Definir escopo e a habilidade mais importante de um builder. Nao e sobre o que voce pode construir, e sobre o que voce escolhe NAO construir.

Conceito Principal: MVP Real

MVP (Minimum Viable Product) nao e "a versao ruim do produto". E a versao mais simples que resolve o problema principal do usuario e gera feedback real. A chave esta na palavra "viable": tem que funcionar de verdade.

Um MVP bem definido tem: uma lista curta de telas (maximo 5), um fluxo principal claro, e uma lista explicita do que NAO vai ter na v1.

Use o framework MoSCoW para priorizar: Must have (sem isso nao funciona), Should have (importante mas nao essencial), Could have (seria legal), Won't have (nao agora).

Scope Creep em Numeros

O PMI (Project Management Institute) estima que 52% dos projetos sofrem scope creep, e que projetos com escopo mal definido tem 2.5x mais chance de falhar. Com IA acelerando a construcao, o risco multiplica: voce pode adicionar uma feature em minutos, mas cada feature adicionada e mais codigo para manter, mais bugs para resolver, mais complexidade para o usuario.

A regra pratica: se voce nao consegue explicar o que seu produto faz em uma frase, o escopo esta grande demais.

Dica Pratica: Lista de Exclusao

Crie duas listas: "O que a v1 FAZ" e "O que a v1 NAO faz". A segunda lista e mais importante que a primeira. Ela e o seu contrato consigo mesmo contra o scope creep.

Exemplo para um SaaS de assistentes:

FAZ: Login, dashboard, 1 agente, chat, historico

NAO FAZ (v1): Multiplos agentes, pagamentos, app mobile, integracao WhatsApp, analytics avancado

Fazer

  • Listar max 5 telas para a v1
  • Criar lista de exclusao (o que NAO vai ter)
  • Definir o fluxo principal em 3-5 passos
  • Usar MoSCoW para priorizar features

Evitar

  • Aceitar toda sugestao da IA como feature
  • Comparar v1 com produtos de 5 anos
  • Adicionar "so mais uma coisa" depois de definido
  • Comecar pelo design bonito, nao pelo fluxo
4

📝 Prompts Estruturados para Construcao

A qualidade do software que a IA gera depende diretamente da qualidade das suas instrucoes. Um prompt vago gera codigo vago. Um prompt estruturado gera codigo funcional, testavel e mantenivel.

O framework CIRF (Contexto + Instrucao + Restricao + Formato) e a base para qualquer interacao produtiva com ferramentas de Vibe Coding. Ele funciona para gerar codigo, planejar arquitetura, criar testes e ate resolver bugs.

Conceito Principal: Framework CIRF

C - Contexto

O que a IA precisa saber sobre o projeto, stack, padrao e estado atual. "Estou construindo um SaaS com Next.js + Supabase. O projeto ja tem auth configurado."

I - Instrucao

O que voce quer que a IA faca, de forma especifica. "Crie o componente de dashboard com sidebar, area principal e header com avatar do usuario."

R - Restricao

O que a IA NAO deve fazer, limites tecnicos e de estilo. "Nao use bibliotecas externas alem de Tailwind. Nao crie rotas novas. Maximo 200 linhas."

F - Formato

Como voce quer receber a resposta. "Retorne um unico arquivo TSX com comentarios explicando cada secao. Inclua types."

Impacto de Prompts Estruturados

Pesquisas da Microsoft Research mostram que prompts com contexto especifico geram codigo 40% mais correto na primeira tentativa. Adicionar restricoes reduz o numero de iteracoes necessarias em ate 60%.

A diferenca e dramatica: um prompt como "crie uma pagina de login" pode gerar dezenas de versoes diferentes. Um prompt com contexto (stack), instrucao (o que incluir), restricao (o que evitar) e formato (como entregar) gera exatamente o que voce precisa.

Dica Pratica: Exemplo Real

// Prompt RUIM:

"Cria uma pagina de dashboard"


// Prompt BOM (CIRF):

[Contexto] Projeto Next.js 14 com App Router, Tailwind CSS, Supabase Auth ja configurado. O usuario ja esta logado.

[Instrucao] Crie o componente Dashboard com: sidebar com menu (Home, Agentes, Config), area principal com cards de resumo (total de conversas, agentes ativos, tokens usados), e header com nome do usuario + avatar.

[Restricao] Somente Tailwind, sem libs de UI. Server component. Dados mockados por enquanto. Responsivo mobile-first.

[Formato] Um arquivo page.tsx com types. Comentarios nas secoes principais.

A segunda versao gera codigo funcional de primeira. A primeira vai precisar de 5-10 iteracoes.

Fazer

  • Sempre incluir stack e estado do projeto
  • Ser especifico sobre o que quer na saida
  • Definir restricoes antes de pedir
  • Iterar com feedback especifico ("mude X, mantenha Y")

Evitar

  • Prompts de uma linha sem contexto
  • Aceitar o primeiro resultado sem revisar
  • Pedir "refaz tudo" em vez de apontar o que mudar
  • Ignorar o formato de saida
5

⚠️ Erros Comuns em Projetos com IA

Vibe Coding da superpoderes, mas com grandes poderes vem grandes riscos. A facilidade de gerar codigo cria uma falsa sensacao de seguranca que leva a erros que podem destruir projetos inteiros.

Pesquisadores de Stanford analisaram codigo gerado por IA e descobriram que 45% contem pelo menos uma vulnerabilidade de seguranca. O problema nao e a IA: e confiar cegamente no que ela gera sem revisar.

Os 5 Erros Fatais

1

Confianca Cega

Aceitar codigo gerado sem ler ou testar. A IA gera codigo que "parece certo" mas pode ter bugs sutis, logica invertida, ou vulnerabilidades de seguranca.

2

Ignorar Seguranca

API keys hardcoded, SQL injection, falta de validacao de inputs. A IA frequentemente gera exemplos didaticos que nao sao seguros para producao.

3

Zero Testes

Nao testar o codigo gerado. "Funciona no meu computador" nao e teste. Sem testes automatizados, qualquer mudanca pode quebrar tudo.

4

Escopo Infinito

Adicionar features sem parar porque "e facil com IA". Cada feature adicionada e mais complexidade, mais bugs, mais manutencao.

5

Nao Versionar

Nao usar Git. Sem versionamento, voce nao pode voltar atras quando algo quebra. E com IA gerando mudancas rapidas, coisas quebram frequentemente.

Dados de Pesquisa sobre Codigo IA

45%

do codigo gerado por IA contem vulnerabilidades (Stanford, 2024)

30%

de funcoes geradas tem bugs logicos que passam despercebidos

72%

dos devs que usam IA nao revisam o codigo gerado (Stack Overflow Survey)

5x

mais caro corrigir bug em producao vs durante desenvolvimento

Dica Pratica: Checklist de Review

Sempre que a IA gerar codigo, passe por este checklist antes de aceitar:

Fazer

  • Ler todo codigo gerado antes de aceitar
  • Commitar antes de cada mudanca grande
  • Pedir testes junto com o codigo
  • Usar .env para secrets, nunca hardcode

Evitar

  • Copiar e colar sem ler
  • Deployer sem testar localmente
  • Confiar em "a IA disse que esta certo"
  • Deixar .env no repositorio publico
6

🏗️ Exercicio: Definir seu SaaS

Hora de aplicar tudo. Este exercicio transforma os conceitos dos topicos 1-5 em um plano concreto para o seu SaaS. Ao final, voce tera a base que sera construida ao longo das proximas 5 trilhas.

Nao se preocupe em ter a ideia perfeita. O objetivo e ter uma ideia definida. Voce pode (e vai) ajustar ao longo do caminho. O que importa agora e sair da teoria e entrar na execucao.

5 Etapas do Exercicio

Etapa 1: Product Sentence

Escreva uma frase unica que define seu produto:

"Um [tipo de app] que ajuda [usuario] a [resolver problema] atraves de [mecanismo]."

Etapa 2: User Flow Principal

Descreva o fluxo principal do usuario em 3-5 passos:

1. Usuario faz login

2. Ve o dashboard com [informacao principal]

3. Executa [acao principal]

4. Recebe [resultado/output]

5. Pode [proxima acao]

Etapa 3: Telas da v1

Liste no maximo 5 telas que seu MVP precisa ter:

Exemplo: Login, Dashboard, Chat com Agente, Configuracoes, Historico

Etapa 4: Lista de Exclusao

Liste pelo menos 5 coisas que a v1 NAO vai ter:

Exemplo: App mobile, multiplos idiomas, integracao WhatsApp, analytics avancado, marketplace de plugins

Etapa 5: Plano de Build

Defina a ordem de construcao com IA:

Sprint 1: Setup (repo, estrutura, auth)

Sprint 2: Core (dashboard, fluxo principal)

Sprint 3: Inteligencia (agente, chat)

Sprint 4: Polish (UX, erros, teste)

Sprint 5: Ship (deploy, landing page)

Dica Pratica: Use a IA para Refinar

Depois de preencher as 5 etapas, use o seguinte prompt para a IA revisar seu plano:

Prompt de revisao:

"Revise este plano de produto SaaS. Aponte: 1) Se o escopo esta realista para um MVP de 2 semanas com Vibe Coding. 2) Se falta alguma tela essencial. 3) Se algum item da lista de exclusao deveria estar na v1. 4) Se o user flow faz sentido do ponto de vista do usuario."

Fazer

  • Completar todas as 5 etapas antes de seguir
  • Escolher um problema que voce conhece bem
  • Ser brutal com a lista de exclusao
  • Salvar o plano em um documento (vai precisar)

Evitar

  • Pular etapas ("ja tenho a ideia na cabeca")
  • Escolher uma ideia so porque e "legal"
  • Listar 15 telas na v1
  • Nao compartilhar com ninguem para feedback

Resumo do Modulo 1.1

Voce agora tem a mentalidade e o metodo para construir software com IA. Vamos revisar o que voce aprendeu:

Vibe Coding e a nova forma de construir software conversando com IA
O pipeline Problema > Usuario > Solucao > MVP transforma ideias em planos
Escopo bem definido (com lista de exclusao) evita scope creep
O framework CIRF gera prompts que produzem codigo funcional
Os 5 erros fatais destroem projetos: confianca cega, seguranca, testes, escopo, versao
Seu SaaS esta definido: produto, fluxo, telas, limites e plano de build