π§ Introducao: Mentalidade e Metodo
Visao geral dos fundamentos do Vibe Coding. Panorama dos 6 temas que serao aprofundados nos modulos seguintes.
Termo cunhado por Karpathy para construir software conversando com IA. Evoluiu para Agentic Engineering em 2026.
92% dos devs usam IA diariamente, 41% do codigo global e gerado por IA. E a nova forma de construir.
Karpathy, Agentic Engineering, Vibe Shipping, Cursor, Claude Code, Copilot, Windsurf.
Pipeline que transforma ideia em software: Problema > Usuario > Solucao > MVP.
A maioria dos projetos falha por falta de clareza, nao por limitacao tecnica.
Validacao de ideia, product-market fit, persona, mapa de fluxo do usuario.
Definir o que entra e o que fica de fora do MVP. Telas, fluxos e limites claros.
Scope creep e o maior assassino de projetos. Com IA e tentador adicionar tudo.
MVP, user flows, wireframes, MoSCoW, lista de exclusao.
Framework [Contexto + Instrucao + Restricao + Formato] para prompts que geram codigo funcional.
Prompts estruturados geram codigo na primeira tentativa. Vagos precisam de 10 iteracoes.
CIRF, chain-of-thought, system prompts vs user prompts, iteracao de prompts.
Os 5 erros fatais: confiar cegamente, ignorar seguranca, nao testar, escopo infinito, nao versionar.
45% do codigo gerado por IA contem vulnerabilidades se nao for revisado.
Pesquisa Stanford, alucinacoes, over-reliance, code review, testes automatizados.
Exercicio pratico: definir product sentence, user flow, telas, limites e plano de build.
Teoria sem pratica nao constroi nada. Este exercicio cria o blueprint do seu SaaS.
Product sentence, user flow, lista de telas, lista de exclusao, cronograma.
π O que e Vibe Coding em 2026
A origem do termo, a evolucao para Agentic Engineering, dados de adocao e as ferramentas do ecossistema.
O tweet de Fev 2025 que cunhou o termo. "I just see stuff, say stuff, run stuff."
Entender a origem mostra que Vibe Coding nao e modismo, e uma mudanca de paradigma.
Karpathy, Tesla/OpenAI, o tweet viral, coding by vibes not syntax.
A evolucao: 2023 Prompts > 2024 AI-Assisted > 2025 Vibe Coding > 2026 Agentic Engineering.
O papel mudou de escrever prompts para orquestrar agentes. Desenvolvedor como arquiteto.
4 fases de evolucao, developer como arquiteto, 4.2x ganho de produtividade.
Nao apenas codar com IA, mas entregar produtos inteiros. Ideia > Arquitetura > Codigo > Teste > Deploy.
Devs solo estao lancando SaaS em dias, nao meses. O gargalo agora e a visao, nao a execucao.
Pipeline end-to-end, casos reais de solo devs, Vibe Shipping como tendencia.
Dados de Stack Overflow, GitHub, McKinsey e Gartner sobre adocao de IA no desenvolvimento.
Numeros provam que nao e tendencia: e a realidade do mercado de trabalho.
92% devs US, 41% codigo IA, 42% empresas com agentic, projecoes 2030.
Comparacao detalhada: Cursor, Claude Code, Copilot, Windsurf, v0, bolt.new.
Escolher a ferramenta certa pro seu perfil acelera 3-5x. A errada frustra.
IDE vs CLI vs cloud, autocomplete vs chat vs agentic, quando usar cada uma.
Escolher ferramenta, criar projeto simples, iterar com IA e deployar.
Primeiro ciclo completo. Depois daqui voce ja sabe como funciona o workflow.
Setup, primeiro prompt, iteracao, deploy, checklist de entrega.
π‘ Da Ideia ao Software
O pipeline completo: Problema > Usuario > Solucao > MVP. Validacao, persona e product-market fit.
Pipeline de 4 passos. Comece pelo problema, nao pela solucao.
Pivots de sucesso vieram de pensamento problem-first: Slack, Instagram, Notion.
P-U-S-M pipeline, elevator test, exemplos de pivots.
Lean Startup aplicado a projetos com IA. 4 metodos de validacao ranqueados por custo.
Fale com 5 usuarios antes de escrever codigo. The Mom Test para feedback honesto.
Conversas, landing page test, smoke test, pre-venda, regra das 48h.
Anatomia de persona: demograficos, dor principal, JTBD framework, disposicao a pagar.
Em produtos IA, o usuario nao quer "IA", quer o problema resolvido.
Jobs-to-be-done, template de persona 5 minutos, dor vs desejo.
Sean Ellis test (40% "very disappointed"). Wow factor vs utilidade real.
Produtos IA tem desafio unico: o efeito "wow" mascara falta de PMF real.
Sean Ellis 40%, retencao D7/D30, utilidade vs novidade, metricas early.
Jornada: Entry > Onboarding > Core Action > Value Moment > Retention Loop.
Apps IA tem fluxo conversacional, diferente de UI tradicional.
Fluxo universal SaaS, conversation flow vs UI flow, mapeamento 15 min.
Aplicar P-U-S-M completo. 5 entregaveis: problem statement, persona, validacao, fluxo, metricas.
Saida concreta que alimenta os proximos modulos.
5 deliverables, checklist, AI review prompt.
π― Escopo e Definicao de Produto
MVP, user flows, lista de telas, priorizacao MoSCoW e a lista de exclusao.
O que MVP realmente significa. Analogia skateboard > bike > car.
IA torna scope creep mais facil. Disciplina de escopo e mais critica que nunca.
MVP real vs produto quebrado, exemplos Stripe/Dropbox/Buffer.
Pensar em fluxos antes de telas. Entry points, decision trees, error states.
IA gera wireframes a partir de descricoes. Mas voce precisa descrever bem.
Wireframe mental, 1 frase por tela, fluxo vs layout.
Max 5-7 telas: Landing, Auth, Dashboard, Core Feature, Settings.
Mais telas = mais bugs = lancamento mais lento.
5 telas essenciais, priorizacao, descricao em 1 paragrafo.
Must/Should/Could/Won't. Classificar toda feature nessas 4 categorias.
Must = lancamento. Should = semana 2. Could = mes 2. Won't = nunca.
Regra 60-20-20, matriz de decisao, exemplos praticos.
O anti-roadmap. Lista explicita do que voce NAO vai construir.
Essa lista economiza mais tempo que a lista de features.
Kill your darlings, custo de features, quando vs nunca.
Doc de 1 pagina: product sentence, 5 telas, MoSCoW, exclusao, timeline.
Documento concreto que guia todo o desenvolvimento.
Template de escopo, AI review prompt, 5 campos obrigatorios.
π Prompts Estruturados para Construcao
Framework CIRF, prompts para frontend e backend, chain-of-thought e system prompts.
Contexto + Instrucao + Restricao + Formato. Os 4 pilares de prompts eficazes.
40% mais acerto na primeira tentativa, 60% menos iteracoes.
4 pilares, prompt vago vs CIRF, exemplos com codigo real.
Padroes de prompt para React/Next.js, Tailwind, componentes, layouts responsivos.
Descrever UI para IA e uma skill especifica. Vocabulario visual importa.
3 padroes: componente isolado, layout de pagina, estilizacao.
Prompts para API routes, Supabase, autenticacao, tratamento de erros.
Backend mal especificado gera bugs de seguranca. Detalhe e obrigatorio.
3 padroes: API route, data model, business logic. Checklist backend.
Raciocinio passo a passo para arquitetura, debug, dependencias.
CoT transforma problemas impossΓveis em solucionaveis.
Quando usar CoT, multi-turn, quando ajuda vs atrapalha.
System = personalidade/regras. User = tarefa. CLAUDE.md e .cursorrules.
System prompts bem feitos transformam a qualidade de TODA saida da IA.
Hierarquia de prompts, instrucoes persistentes, template completo.
Criar 7 prompts: 3 frontend, 3 backend, 1 system. Testar e refinar.
Biblioteca de prompts e seu ativo mais valioso como Vibe Coder.
7 prompts, processo de refinamento, onde armazenar.
β οΈ Erros Comuns em Projetos com IA
Vulnerabilidades, os 5 erros fatais, alucinacoes de codigo, over-reliance e code review.
Pesquisa Stanford/UIUC: SQL injection, XSS, path traversal em codigo gerado por IA.
Falsa sensacao de seguranca e o maior risco. LLMs reproduzem padroes vulneraveis.
45% vulneravel, 67% dos devs nao revisam, Top 3 vulnerabilidades.
Confianca cega, ignorar seguranca, zero testes, escopo infinito, sem versionamento.
Cada erro tem historias reais de fracasso. Prevencao e mais barata que correcao.
5 erros com exemplos reais de falha e custo.
APIs fantasma, pacotes ficticios, assinaturas erradas, logica plausivel mas errada.
30% de sugestoes contem alucinacoes. Slopsquatting e um vetor de ataque real.
4 tipos, teste de verificacao em 3 passos, dados Purdue/Vulcan Cyber.
Armadilha da dependencia: conforto > atrofia > paralisia. Regra 80/20.
IA para boilerplate, cerebro humano para logica. Skills atrofiam sem pratica.
3 estagios, 80/20, o que IA faz bem vs o que precisa de humano.
Processo de review em 4 camadas. Meta-testing: IA escrevendo testes pro proprio codigo.
Codigo IA precisa de MAIS review, nao menos.
4 camadas: logica, seguranca, performance, edge cases. Checklist.
Construir checklist pessoal em 4 categorias. Analisar 2 amostras de codigo.
Checklist vira habito. Habito vira qualidade automatica.
4 categorias, 2 code samples, correcao e comparacao.
π οΈ Definir seu SaaS
Product sentence, user flow, telas, restricoes tecnologicas, cronograma e documento final.
"Um [tipo] que ajuda [usuario] a [resolver problema] atraves de [mecanismo]".
1 frase forca clareza. Se nao cabe em 1 frase, nao esta claro.
Template 4 campos, bons vs maus exemplos, elevator test.
Caminho critico: Chegada > Signup > Onboarding > Core Action > Resultado.
Time to Value e critico. Em apps IA, a primeira interacao precisa mostrar capacidade.
5 passos, TTV <5min SaaS / <60s IA, fluxo conversacional.
5 telas essenciais: Landing, Auth, Dashboard, Core Feature, Settings.
Descrever cada tela em 1 paragrafo. Mobile-first vs desktop-first.
5 telas detalhadas, informacao por tela, decisao mobile/desktop.
Rate limits, custo de tokens, latencia, free tiers (Supabase, Vercel, Neon).
Budget de $0 (MVP) a $200-500 (1000 usuarios). Planejar custos de API.
Tabela de custos, stack recomendado 2026, latencia em UX de IA.
Dia 1 fundacao, Dia 2 features, Dia 3 polish+deploy. Manha e tarde.
3-5x mais rapido para boilerplate, 1x para debug. Buffer de 30% obrigatorio.
Timeline 3 dias, estimativas de aceleracao, regra 30% buffer.
Documento completo: product sentence, user flow, 5 telas, stack, limites, timeline.
Blueprint final da Trilha 1. Alimenta as Trilhas 2-6.
6 secoes, cada uma referencia o modulo de origem, prompt de revisao IA.