Da ideia ao MVP funcional usando IA — sem dominar programação
Este documento é seu material de apoio para o workshop. Ele expande tudo o que vimos nos slides, traz os prompts prontos para você copiar e colar, e funciona como guia de consulta para depois da aula.
Sugestão: leia uma vez antes da prática, mantenha aberto durante o hands-on, e volte aqui sempre que for construir um novo projeto. A metodologia é a mesma — só muda a ideia.
Antes de qualquer ferramenta, é preciso entender em que terreno você está pisando. Existem quatro modos de criar software hoje, e cada um tem seu lugar.
Você cria apps clicando, arrastando e configurando, sem escrever uma linha de código. Funciona muito bem para projetos simples ou quando você precisa de algo no ar rapidamente.
Quando usar: Projetos sem lógica avançada, MVPs visuais, automações leves. Ferramentas: Webflow, Glide, Notion, Canva, Airtable.Quase no-code, mas com a possibilidade de injetar trechos de código quando precisar de algo customizado. Combina velocidade com flexibilidade.
Quando usar: Dashboards corporativos, calculadoras com lógica específica, formulários inteligentes. Ferramentas: Retool, Bubble, Make, Zapier.Você escreve cada linha — HTML, CSS, JavaScript, Python, React, o que for. É o caminho mais demorado, mas o que dá mais controle.
Quando usar: Sistemas grandes, software altamente específico, situações onde performance e arquitetura importam muito. Ferramentas: VS Code, IDEs, frameworks como React, Django, Next.js.Aqui está a virada de chave. Você descreve o que quer pela vibe, pelo estilo, pela intenção — e a IA escreve o código completo. Você não pensa em sintaxe, você pensa em produto.
Quando usar: MVPs completos, validação rápida de ideias, projetos onde você quer testar uma hipótese em horas, não semanas. Ferramentas: Lovable, v0, Bolt, Replit, Google AI Studio, Cursor, Claude Code.Saber qual modo escolher economiza tempo. Para um trabalho de 1h, vibe code resolve. Para um sistema bancário, code tradicional. A escolha errada custa caro.
Você descreve o que quer. A IA monta o como.
Vibe Code é orientar a IA pela vibe, estilo e intenção — e ela entrega o código completo. Você não pensa em sintaxe. Você pensa em produto.
Calculadora de tensões em vigas com upload de dados
Gerador de moodboard a partir de uma foto de referência
Validador de ideias de negócio com análise de viabilidade
Assistente de estudos com flashcards gerados por IA
Boa ideia não cai do céu. E não nasce sozinha. Ela emerge de uma conversa bem feita com seu copiloto.
Este é o framework que eu uso e ensino para conversar com qualquer modelo de IA — Claude, Gemini, ChatGPT, qualquer um. Cada letra é um campo do seu prompt. Quando você cobre os oito, o resultado vem muito melhor.
| Letra | Campo | Descrição |
|---|---|---|
| C | Contexto | Quem é você, em que área atua, em que ambiente o projeto vai existir, que problema você observou que ninguém está resolvendo direito. |
| O | Objetivo | O que você quer alcançar de forma clara, específica e mensurável. Evite objetivos vagos como "melhorar processos" — diga "reduzir o tempo de matrícula em 40%". |
| P | Persona | Para quem o projeto serve. Público real, não genérico. "Estudantes de Engenharia do 5.º período no Norte do Brasil" é melhor do que "universitários". |
| I | Insumos | Dados, fontes, exemplos, documentos e referências que você fornece para a IA trabalhar. Quanto mais matéria-prima, melhor o resultado. |
| L | Limitações | Tempo disponível, recursos financeiros, restrições técnicas, normas a respeitar (LGPD, código de conduta, regras institucionais). |
| O | Output esperado | Formato exato da resposta — lista, tabela com colunas X/Y/Z, MVP funcional, fluxograma, código em determinada linguagem. |
| T | Tom | Linguagem, estilo, nível técnico, registro formal ou informal, profundidade da explicação. |
| O | Oportunidade | O diferencial — o que torna esse projeto único, relevante e merecedor de existir. Evita que a IA sugira algo genérico. |
Copie o prompt abaixo, preencha os campos entre colchetes com suas informações e cole no Claude, Gemini ou ChatGPT.
C — Contexto: Sou estudante de [seu curso] do [seu período] no Grupo Ser. Atuo na área de [sua área]. Observei que [problema real que você viu no dia a dia, na faculdade ou no trabalho].
O — Objetivo: Quero gerar 10 ideias de projetos digitais aplicáveis à minha área de atuação, com potencial de virar TCC, projeto de extensão ou mesmo um produto comercial.
P — Persona: As ideias devem servir colegas de curso, professores ou pequenos negócios da minha cidade ([sua cidade]).
I — Insumos: Tenho noção básica de [ferramenta], gosto de [tema], observei [problema real]. Posso investir até [horas] por semana.
L — Limitações: MVP em até 4 horas de trabalho, sem servidor pago, sem programação avançada. Tudo precisa rodar em vibe code.
O — Output: Tabela com colunas Nome | Problema que resolve | Solução proposta | Diferencial | Esforço estimado (1-5).
T — Tom: Direto, prático, sem floreios. Linguagem de aluno de graduação, mas com profundidade técnica.
O — Oportunidade: Priorize ideias com potencial real de virar TCC, projeto de extensão ou startup. Evite ideias genéricas.
Gere 10 ideias seguindo o framework acima.
Tendo as 10 ideias na mão, é hora de filtrar. Aqui usamos duas camadas de validação: a metodologia S.U.M (rápida, em 30 segundos) e o Deep Research no Gemini (profunda, em 10 minutos).
Use antes de desenvolver qualquer coisa. É um filtro de bom senso que separa joia de pedra antes de você gastar tempo construindo.
"Consigo fazer um MVP dessa ideia em poucas horas?" Se a resposta é não, sua ideia ainda está grande demais. Quebre em pedaços menores.
"Eu mesmo usaria isso?" Se você não usaria, talvez ninguém use. O empreendedor que constrói para ninguém é o mais comum do mundo.
"Alguém pagaria por isso?" Não significa que precisa ser caro ou virar negócio. Significa que precisa ter valor prático real.
Uma ideia que não passa pelo S.U.M raramente passa pelo mercado. Se ela falha em qualquer um dos três, volte ao COPILOTO e ajuste antes de prosseguir.
Depois do S.U.M, você deve ter 3 a 5 ideias sobreviventes. Agora vamos fazer a IA pesquisar o mercado real para você.
Aqui estão as ideias que filtrei com S.U.M:
[COLE SUAS 3-5 IDEIAS AQUI]
Faça uma análise profunda do mercado atual e responda:
1. Quais dessas ideias resolvem problemas reais que outras pessoas também enfrentam?
2. Quais teriam público disposto a pagar pela solução?
3. O que já existe no mercado que se pareça com isso?
4. Como minhas ideias podem superar as soluções existentes?
5. Sugira funcionalidades diferenciais para aumentar utilidade.
6. Reordene as ideias da mais para a menos promissora, com justificativa baseada em dados de mercado.
Seja direto, prático, focado em oportunidades reais. Cite fontes sempre que possível.
Do documento à execução em fases. Um bom PRD é a diferença entre caos e clareza quando você pede para a IA construir algo.
PRD é um documento simples que explica o que o seu produto deve fazer. Ele organiza sua ideia para que a IA entenda exatamente o que precisa ser construído. Não precisa ser longo. Precisa ser claro.
Copie a estrutura acima em um documento e preencha os 6 campos para a sua ideia. Esse PRD será o input do próximo prompt.
Construir tudo de uma vez é receita para caos. P.R.E.V.C é a metodologia que protege você dos erros típicos de quem está aprendendo a construir com IA.
Você cria o PRD. Esse é o passo que muita gente pula e depois se arrepende.
Transforma o PRD em fases e tarefas concretas.
Constrói uma fase por vez. Fase 1, valida, depois Fase 2, valida. Nunca duas fases simultaneamente.
Testa cada fase imediatamente após terminar. Se quebrou, conserta. Se funciona, segue.
Aprova mentalmente que aquela fase está pronta antes de avançar.
Por fase, não por tudo de uma vez. É assim que se controla a IA sem virar caos.
Use este prompt para transformar seu PRD em fases de implementação.
Com base no PRD abaixo, divida o projeto em FASES de implementação.
Para cada fase, inclua:
- Objetivo da fase
- Funcionalidades pertencentes àquela fase
- Tarefas necessárias
- Critérios de validação (o que precisa estar funcionando para considerar a fase concluída)
PRD:
[COLE AQUI O PRD COMPLETO COM OS 6 CAMPOS]
Crie fases lógicas, crescentes e simples. Comece pelo mínimo viável. Adicione complexidade gradualmente.
Agora transforme cada fase em um prompt pronto para usar no Lovable, Replit, Bolt ou AI Studio.
Transforme cada fase abaixo em um prompt específico para desenvolvimento assistido por IA (Lovable, Replit, Bolt, V0 ou Google AI Studio).
Cada prompt gerado deve incluir:
- Contexto do projeto
- Objetivo específico daquela fase
- O que deve ser criado (telas, componentes, funcionalidades)
- Restrições técnicas e visuais
- Como a IA deve implementar (passo a passo se necessário)
Fases:
[COLE AQUI AS FASES GERADAS PELO PROMPT ANTERIOR]
Gere os prompts numerados — Prompt da Fase 1, Prompt da Fase 2, Prompt da Fase 3, e assim por diante até concluir.
Quatro caminhos. Quatro vibes. Você escolhe o seu de acordo com o tipo de projeto.
Você escreve prompts e ele te entrega um app pronto, bonito e publicável. Conecta nativamente com Supabase, n8n e ElevenLabs. É o caminho mais direto entre uma ideia e uma URL pública compartilhável.
Melhor para: validar ideias rapidamente, MVPs reais, projetos com banco de dados.
O tweakcn é uma ferramenta gratuita que aplica um tema visual completo no seu projeto Lovable em 30 segundos.
src/index.css.:root { ... }.{ } code → copie os blocos npm e CSS.Quero atualizar o tema da minha ferramenta. Estou usando o tweakcn.com para isso.
Importação:
[COLE AQUI O BLOCO NPM]
Aplique este tema completo:
[COLE AQUI O CSS GERADO]
Gere atualizações em todos os componentes visuais para refletir o novo tema.
Caminho diferente: você desenha a UI primeiro no Stitch e depois exporta direto para o AI Studio, que gera o app funcional. Bom para quem pensa visualmente.
Use Stitch + AI Studio quando o projeto tem forte componente visual ou quando você quer pensar nas telas antes do código.
Claude Code é um agente de IA que vive no terminal do seu computador. Você fala em linguagem natural e ele lê arquivos, escreve código, testa, faz commits no Git e até abre Pull Requests. É o que existe de mais avançado para construção assistida por IA hoje.
Lançado pela Anthropic em fevereiro de 2025 em preview. Ficou geralmente disponível em maio de 2025 com o Claude 4. Ganhou tração massiva no fim de 2025 com o Opus 4.5.
Em janeiro de 2026, uma equipe de 4 pessoas da Anthropic construiu o Claude Cowork (um produto inteiro) em apenas 10 dias usando Claude Code. Quando perguntaram quanto do código foi escrito por IA, a resposta foi: "tudo".
# Instalar globalmente via npm
npm install -g @anthropic-ai/claude-code
# Entrar na pasta do seu projeto
cd meu-projeto
# Iniciar o agente
claude
# Pronto. A partir daqui você fala em linguagem natural:
> Crie um quiz interativo de 10 perguntas sobre IA
generativa, em HTML puro, com pontuação no final.
/help dentro do agente para ver opções como /clear, /resume e /agents.| Comando | Função |
|---|---|
/help | Mostra todos os comandos disponíveis |
/clear | Limpa a conversa atual e começa de novo |
/resume | Retoma uma sessão anterior |
/agents | Gerencia subagentes especializados |
Ctrl+C | Interrompe uma ação em andamento |
exit | Encerra o Claude Code |
Construir não basta. O MVP só vira projeto de verdade quando ele está no ar e qualquer pessoa pode acessar.
É onde mora o código. Funciona como um "Google Drive para programadores", mas com controle de versão. Cada alteração fica registrada e você pode voltar a qualquer ponto.
É quem coloca seu app no ar. Pega o código que está no GitHub, processa e publica em uma URL pública (https://) que qualquer pessoa pode acessar.
seu-projeto.vercel.app.Tanto Lovable quanto AI Studio têm integração de 1 clique para subir para GitHub e fazer deploy na Vercel.
Termos que aparecem ao longo do material. Consulte sempre que precisar.
Encontrou um problema? Provavelmente ele está aqui.
npm install -g @anthropic-ai/claude-codeclaude login e siga o assistente.git pull origin main && git pushgit push e espere 2 minutos.Pegue a mensagem de erro completa e cole no Claude (ou no ChatGPT). 9 em cada 10 vezes ele identifica o problema e te dá a solução em segundos.
Sua vez de pilotar. Pegue uma ideia da sua trilha e siga o pipeline.
Gere 10 ideias. Filtre 3.
Valide as 3 com mercado.
Escreva o PRD. Quebre em fases.
Cole o prompt da Fase 1. Aplique tema. Publique.
Marque cada item conforme avança. Seu progresso é salvo automaticamente no navegador.