TRILHA 1

🧠 Mentalidade e Metodo de Vibe Coding

Como pensar e estruturar projetos com IA. Da ideia ao MVP usando Vibe Coding.

7
Modulos
42
Topicos
~5h
Duracao
Basico
Nivel
Conteudo Detalhado
1.1 ~45 min

🧠 Introducao: Mentalidade e Metodo

Visao geral dos fundamentos do Vibe Coding. Panorama dos 6 temas que serao aprofundados nos modulos seguintes.

O que e:

Termo cunhado por Karpathy para construir software conversando com IA. Evoluiu para Agentic Engineering em 2026.

Por que aprender:

92% dos devs usam IA diariamente, 41% do codigo global e gerado por IA. E a nova forma de construir.

Conceitos-chave:

Karpathy, Agentic Engineering, Vibe Shipping, Cursor, Claude Code, Copilot, Windsurf.

O que e:

Pipeline que transforma ideia em software: Problema > Usuario > Solucao > MVP.

Por que aprender:

A maioria dos projetos falha por falta de clareza, nao por limitacao tecnica.

Conceitos-chave:

Validacao de ideia, product-market fit, persona, mapa de fluxo do usuario.

O que e:

Definir o que entra e o que fica de fora do MVP. Telas, fluxos e limites claros.

Por que aprender:

Scope creep e o maior assassino de projetos. Com IA e tentador adicionar tudo.

Conceitos-chave:

MVP, user flows, wireframes, MoSCoW, lista de exclusao.

O que e:

Framework [Contexto + Instrucao + Restricao + Formato] para prompts que geram codigo funcional.

Por que aprender:

Prompts estruturados geram codigo na primeira tentativa. Vagos precisam de 10 iteracoes.

Conceitos-chave:

CIRF, chain-of-thought, system prompts vs user prompts, iteracao de prompts.

O que e:

Os 5 erros fatais: confiar cegamente, ignorar seguranca, nao testar, escopo infinito, nao versionar.

Por que aprender:

45% do codigo gerado por IA contem vulnerabilidades se nao for revisado.

Conceitos-chave:

Pesquisa Stanford, alucinacoes, over-reliance, code review, testes automatizados.

O que e:

Exercicio pratico: definir product sentence, user flow, telas, limites e plano de build.

Por que aprender:

Teoria sem pratica nao constroi nada. Este exercicio cria o blueprint do seu SaaS.

Conceitos-chave:

Product sentence, user flow, lista de telas, lista de exclusao, cronograma.

Ver Completo
1.2 ~45 min

🌐 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 que e:

O tweet de Fev 2025 que cunhou o termo. "I just see stuff, say stuff, run stuff."

Por que aprender:

Entender a origem mostra que Vibe Coding nao e modismo, e uma mudanca de paradigma.

Conceitos-chave:

Karpathy, Tesla/OpenAI, o tweet viral, coding by vibes not syntax.

O que e:

A evolucao: 2023 Prompts > 2024 AI-Assisted > 2025 Vibe Coding > 2026 Agentic Engineering.

Por que aprender:

O papel mudou de escrever prompts para orquestrar agentes. Desenvolvedor como arquiteto.

Conceitos-chave:

4 fases de evolucao, developer como arquiteto, 4.2x ganho de produtividade.

O que e:

Nao apenas codar com IA, mas entregar produtos inteiros. Ideia > Arquitetura > Codigo > Teste > Deploy.

Por que aprender:

Devs solo estao lancando SaaS em dias, nao meses. O gargalo agora e a visao, nao a execucao.

Conceitos-chave:

Pipeline end-to-end, casos reais de solo devs, Vibe Shipping como tendencia.

O que e:

Dados de Stack Overflow, GitHub, McKinsey e Gartner sobre adocao de IA no desenvolvimento.

Por que aprender:

Numeros provam que nao e tendencia: e a realidade do mercado de trabalho.

Conceitos-chave:

92% devs US, 41% codigo IA, 42% empresas com agentic, projecoes 2030.

O que e:

Comparacao detalhada: Cursor, Claude Code, Copilot, Windsurf, v0, bolt.new.

Por que aprender:

Escolher a ferramenta certa pro seu perfil acelera 3-5x. A errada frustra.

Conceitos-chave:

IDE vs CLI vs cloud, autocomplete vs chat vs agentic, quando usar cada uma.

O que e:

Escolher ferramenta, criar projeto simples, iterar com IA e deployar.

Por que aprender:

Primeiro ciclo completo. Depois daqui voce ja sabe como funciona o workflow.

Conceitos-chave:

Setup, primeiro prompt, iteracao, deploy, checklist de entrega.

Ver Completo
1.3 ~45 min

πŸ’‘ Da Ideia ao Software

O pipeline completo: Problema > Usuario > Solucao > MVP. Validacao, persona e product-market fit.

O que e:

Pipeline de 4 passos. Comece pelo problema, nao pela solucao.

Por que aprender:

Pivots de sucesso vieram de pensamento problem-first: Slack, Instagram, Notion.

Conceitos-chave:

P-U-S-M pipeline, elevator test, exemplos de pivots.

O que e:

Lean Startup aplicado a projetos com IA. 4 metodos de validacao ranqueados por custo.

Por que aprender:

Fale com 5 usuarios antes de escrever codigo. The Mom Test para feedback honesto.

Conceitos-chave:

Conversas, landing page test, smoke test, pre-venda, regra das 48h.

O que e:

Anatomia de persona: demograficos, dor principal, JTBD framework, disposicao a pagar.

Por que aprender:

Em produtos IA, o usuario nao quer "IA", quer o problema resolvido.

Conceitos-chave:

Jobs-to-be-done, template de persona 5 minutos, dor vs desejo.

O que e:

Sean Ellis test (40% "very disappointed"). Wow factor vs utilidade real.

Por que aprender:

Produtos IA tem desafio unico: o efeito "wow" mascara falta de PMF real.

Conceitos-chave:

Sean Ellis 40%, retencao D7/D30, utilidade vs novidade, metricas early.

O que e:

Jornada: Entry > Onboarding > Core Action > Value Moment > Retention Loop.

Por que aprender:

Apps IA tem fluxo conversacional, diferente de UI tradicional.

Conceitos-chave:

Fluxo universal SaaS, conversation flow vs UI flow, mapeamento 15 min.

O que e:

Aplicar P-U-S-M completo. 5 entregaveis: problem statement, persona, validacao, fluxo, metricas.

Por que aprender:

Saida concreta que alimenta os proximos modulos.

Conceitos-chave:

5 deliverables, checklist, AI review prompt.

Ver Completo
1.4~50 min

🎯 Escopo e Definicao de Produto

MVP, user flows, lista de telas, priorizacao MoSCoW e a lista de exclusao.

O que e:

O que MVP realmente significa. Analogia skateboard > bike > car.

Por que aprender:

IA torna scope creep mais facil. Disciplina de escopo e mais critica que nunca.

Conceitos-chave:

MVP real vs produto quebrado, exemplos Stripe/Dropbox/Buffer.

O que e:

Pensar em fluxos antes de telas. Entry points, decision trees, error states.

Por que aprender:

IA gera wireframes a partir de descricoes. Mas voce precisa descrever bem.

Conceitos-chave:

Wireframe mental, 1 frase por tela, fluxo vs layout.

O que e:

Max 5-7 telas: Landing, Auth, Dashboard, Core Feature, Settings.

Por que aprender:

Mais telas = mais bugs = lancamento mais lento.

Conceitos-chave:

5 telas essenciais, priorizacao, descricao em 1 paragrafo.

O que e:

Must/Should/Could/Won't. Classificar toda feature nessas 4 categorias.

Por que aprender:

Must = lancamento. Should = semana 2. Could = mes 2. Won't = nunca.

Conceitos-chave:

Regra 60-20-20, matriz de decisao, exemplos praticos.

O que e:

O anti-roadmap. Lista explicita do que voce NAO vai construir.

Por que aprender:

Essa lista economiza mais tempo que a lista de features.

Conceitos-chave:

Kill your darlings, custo de features, quando vs nunca.

O que e:

Doc de 1 pagina: product sentence, 5 telas, MoSCoW, exclusao, timeline.

Por que aprender:

Documento concreto que guia todo o desenvolvimento.

Conceitos-chave:

Template de escopo, AI review prompt, 5 campos obrigatorios.

Ver Completo
1.5~50 min

πŸ“ Prompts Estruturados para Construcao

Framework CIRF, prompts para frontend e backend, chain-of-thought e system prompts.

O que e:

Contexto + Instrucao + Restricao + Formato. Os 4 pilares de prompts eficazes.

Por que aprender:

40% mais acerto na primeira tentativa, 60% menos iteracoes.

Conceitos-chave:

4 pilares, prompt vago vs CIRF, exemplos com codigo real.

O que e:

Padroes de prompt para React/Next.js, Tailwind, componentes, layouts responsivos.

Por que aprender:

Descrever UI para IA e uma skill especifica. Vocabulario visual importa.

Conceitos-chave:

3 padroes: componente isolado, layout de pagina, estilizacao.

O que e:

Prompts para API routes, Supabase, autenticacao, tratamento de erros.

Por que aprender:

Backend mal especificado gera bugs de seguranca. Detalhe e obrigatorio.

Conceitos-chave:

3 padroes: API route, data model, business logic. Checklist backend.

O que e:

Raciocinio passo a passo para arquitetura, debug, dependencias.

Por que aprender:

CoT transforma problemas impossΓ­veis em solucionaveis.

Conceitos-chave:

Quando usar CoT, multi-turn, quando ajuda vs atrapalha.

O que e:

System = personalidade/regras. User = tarefa. CLAUDE.md e .cursorrules.

Por que aprender:

System prompts bem feitos transformam a qualidade de TODA saida da IA.

Conceitos-chave:

Hierarquia de prompts, instrucoes persistentes, template completo.

O que e:

Criar 7 prompts: 3 frontend, 3 backend, 1 system. Testar e refinar.

Por que aprender:

Biblioteca de prompts e seu ativo mais valioso como Vibe Coder.

Conceitos-chave:

7 prompts, processo de refinamento, onde armazenar.

Ver Completo
1.6~45 min

⚠️ Erros Comuns em Projetos com IA

Vulnerabilidades, os 5 erros fatais, alucinacoes de codigo, over-reliance e code review.

O que e:

Pesquisa Stanford/UIUC: SQL injection, XSS, path traversal em codigo gerado por IA.

Por que aprender:

Falsa sensacao de seguranca e o maior risco. LLMs reproduzem padroes vulneraveis.

Conceitos-chave:

45% vulneravel, 67% dos devs nao revisam, Top 3 vulnerabilidades.

O que e:

Confianca cega, ignorar seguranca, zero testes, escopo infinito, sem versionamento.

Por que aprender:

Cada erro tem historias reais de fracasso. Prevencao e mais barata que correcao.

Conceitos-chave:

5 erros com exemplos reais de falha e custo.

O que e:

APIs fantasma, pacotes ficticios, assinaturas erradas, logica plausivel mas errada.

Por que aprender:

30% de sugestoes contem alucinacoes. Slopsquatting e um vetor de ataque real.

Conceitos-chave:

4 tipos, teste de verificacao em 3 passos, dados Purdue/Vulcan Cyber.

O que e:

Armadilha da dependencia: conforto > atrofia > paralisia. Regra 80/20.

Por que aprender:

IA para boilerplate, cerebro humano para logica. Skills atrofiam sem pratica.

Conceitos-chave:

3 estagios, 80/20, o que IA faz bem vs o que precisa de humano.

O que e:

Processo de review em 4 camadas. Meta-testing: IA escrevendo testes pro proprio codigo.

Por que aprender:

Codigo IA precisa de MAIS review, nao menos.

Conceitos-chave:

4 camadas: logica, seguranca, performance, edge cases. Checklist.

O que e:

Construir checklist pessoal em 4 categorias. Analisar 2 amostras de codigo.

Por que aprender:

Checklist vira habito. Habito vira qualidade automatica.

Conceitos-chave:

4 categorias, 2 code samples, correcao e comparacao.

Ver Completo
1.7~60 min

πŸ› οΈ Definir seu SaaS

Product sentence, user flow, telas, restricoes tecnologicas, cronograma e documento final.

O que e:

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

Por que aprender:

1 frase forca clareza. Se nao cabe em 1 frase, nao esta claro.

Conceitos-chave:

Template 4 campos, bons vs maus exemplos, elevator test.

O que e:

Caminho critico: Chegada > Signup > Onboarding > Core Action > Resultado.

Por que aprender:

Time to Value e critico. Em apps IA, a primeira interacao precisa mostrar capacidade.

Conceitos-chave:

5 passos, TTV <5min SaaS / <60s IA, fluxo conversacional.

O que e:

5 telas essenciais: Landing, Auth, Dashboard, Core Feature, Settings.

Por que aprender:

Descrever cada tela em 1 paragrafo. Mobile-first vs desktop-first.

Conceitos-chave:

5 telas detalhadas, informacao por tela, decisao mobile/desktop.

O que e:

Rate limits, custo de tokens, latencia, free tiers (Supabase, Vercel, Neon).

Por que aprender:

Budget de $0 (MVP) a $200-500 (1000 usuarios). Planejar custos de API.

Conceitos-chave:

Tabela de custos, stack recomendado 2026, latencia em UX de IA.

O que e:

Dia 1 fundacao, Dia 2 features, Dia 3 polish+deploy. Manha e tarde.

Por que aprender:

3-5x mais rapido para boilerplate, 1x para debug. Buffer de 30% obrigatorio.

Conceitos-chave:

Timeline 3 dias, estimativas de aceleracao, regra 30% buffer.

O que e:

Documento completo: product sentence, user flow, 5 telas, stack, limites, timeline.

Por que aprender:

Blueprint final da Trilha 1. Alimenta as Trilhas 2-6.

Conceitos-chave:

6 secoes, cada uma referencia o modulo de origem, prompt de revisao IA.

Ver Completo
← Voltar para Inicio Trilha 2: Arquitetura β†’