IA Aplicada -- 09 de maio de 2026

Workshop de Ideação de Projetos com IA

Da ideia ao MVP funcional usando IA — sem dominar programação

Prof. Dr. Wendel Castro
Gestor Acadêmico Nacional de IA -- Grupo Ser Educacional
wendelcastro.com.br -- @wendelcastro
Prof. Dr. Wendel Castro — IA Aplicada
Orientação

Como usar este material

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.

O que você vai encontrar

Sumário

Agenda

  1. Conceitos base— No-code, Low-code, Code, Vibe Code
  2. Pensar com a IA— Framework COPILOTO para gerar boas ideias
  3. Validar com a IA— S.U.M + Deep Research no Gemini
  4. PRD + P.R.E.V.C— Do documento à execução em fases
  5. Construir o MVP— Lovable, Stitch, AI Studio, Claude Code
  6. Publicar e brilhar— GitHub, Vercel e o que fazer depois
Resultados esperados

Objetivos de aprendizagem

Parte 1

Conceitos base

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.

Os quatro modos de criar

01

No-code

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.
02

Low-code

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.
03

Code tradicional

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.
04

Vibe Code (o protagonista)

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.

Em profundidade — Vibe Code: a virada de chave de 2025

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.

Exemplos por área

Exatas e engenharias

Calculadora de tensões em vigas com upload de dados

Tecnologias e design

Gerador de moodboard a partir de uma foto de referência

Negócios

Validador de ideias de negócio com análise de viabilidade

Saúde, educação, direito

Assistente de estudos com flashcards gerados por IA

Parte 2

Pensar com a IA

Boa ideia não cai do céu. E não nasce sozinha. Ela emerge de uma conversa bem feita com seu copiloto.

Framework C.O.P.I.L.O.T.O

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.

Prompt 1 — Gerar 10 ideias com COPILOTO

Copie o prompt abaixo, preencha os campos entre colchetes com suas informações e cole no Claude, Gemini ou ChatGPT.

Prompt para gerar ideias
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.
Parte 3

Validar com a IA

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).

Metodologia S.U.M

Use antes de desenvolver qualquer coisa. É um filtro de bom senso que separa joia de pedra antes de você gastar tempo construindo.

S
Simplicidade

"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.

U
Utilidade

"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.

M
Monetizável

"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.

Validação profunda com Gemini Deep Research

Depois do S.U.M, você deve ter 3 a 5 ideias sobreviventes. Agora vamos fazer a IA pesquisar o mercado real para você.

  1. Abra gemini.google.com e selecione o modo Deep Research.
  2. Cole as 3 a 5 ideias que sobreviveram ao S.U.M.
  3. Cole o prompt abaixo. Espere 5 a 10 minutos.
  4. Receba um relatório com análise de concorrentes, oportunidades e priorização.
Prompt de validação — Deep Research
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.
Parte 4

PRD + P.R.E.V.C

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 — Product Requirements Document

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.

Os 6 campos do PRD

1
Nome do projeto Ex: "Gerador de Moodboards para Arquitetos"
2
Objetivo do produto Ex: "Gerar moodboards automaticamente a partir de fotos de referência."
3
Público-alvo Ex: "Estudantes e arquitetos iniciantes que precisam comunicar referências visualmente."
4
Funcionalidades principais (3-5) Ex: Upload de foto, gerar paleta de cores, sugerir estilos, montar moodboard, exportar resultado.
5
Fluxo do usuário Ex: Usuário abre app → faz upload → escolhe estilo → IA gera → usuário salva.
6
Restrições e requisitos Ex: Funcionar em celular, geração em até 10s, layout minimalista.

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.

Metodologia P.R.E.V.C

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.

P

Planejamento

Você cria o PRD. Esse é o passo que muita gente pula e depois se arrepende.

R

Revisão

Transforma o PRD em fases e tarefas concretas.

E

Execução

Constrói uma fase por vez. Fase 1, valida, depois Fase 2, valida. Nunca duas fases simultaneamente.

V

Validação

Testa cada fase imediatamente após terminar. Se quebrou, conserta. Se funciona, segue.

C

Confirmação

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.

Prompt 2 — PRD para fases

Use este prompt para transformar seu PRD em fases de implementação.

Prompt de faseamento
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.

Prompt 3 — Fases para prompts de implementação

Agora transforme cada fase em um prompt pronto para usar no Lovable, Replit, Bolt ou AI Studio.

Prompt de implementação
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.
Parte 5

Construir o MVP

Quatro caminhos. Quatro vibes. Você escolhe o seu de acordo com o tipo de projeto.

lovable.dev

Lovable

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.

Roteiro de uso

  1. Crie conta em lovable.dev (login com Google ou GitHub).
  2. Clique em "New Project".
  3. Cole o Prompt da Fase 1 (gerado no passo anterior).
  4. Aguarde a geração. O Lovable mostra a tela ao vivo enquanto constrói.
  5. Teste. Se quebrou, peça correção em linguagem natural.
  6. Quando aprovado, clique em "Publish" para gerar URL pública.

Dica de ouro: tweakcn.com

O tweakcn é uma ferramenta gratuita que aplica um tema visual completo no seu projeto Lovable em 30 segundos.

  1. No Lovable, abra src/index.css.
  2. Copie o bloco :root { ... }.
  3. Vá em tweakcn.com → Import.
  4. Cole o CSS, ajuste cores e fontes visualmente.
  5. Clique em { } code → copie os blocos npm e CSS.
  6. Volte ao Lovable e cole com o prompt de tema.
Prompt de tema — tweakcn
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.
stitch.withgoogle.com + aistudio.google.com

Stitch + Google AI Studio

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.

Como funciona

  1. No Stitch: descreva sua interface por texto ou voz. O Stitch gera as telas com design system completo.
  2. Exportar para AI Studio: botão que envia o design diretamente para o AI Studio com contexto visual preservado.
  3. No AI Studio: o Gemini transforma o design em código funcional. Você pode iterar em linguagem natural.
  4. Publicar: o AI Studio tem integração nativa com GitHub.

Use Stitch + AI Studio quando o projeto tem forte componente visual ou quando você quer pensar nas telas antes do código.

claude code

Claude Code — o estado da arte em 2026

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.

Quando nasceu

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".

Como instalar

Terminal — instalação do Claude Code
# 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.

Boas práticas

  • Comece pequeno. Peça uma feature por vez.
  • Aprove os comandos um por um. O Claude Code pede permissão antes de rodar comandos.
  • Use o comando /help dentro do agente para ver opções como /clear, /resume e /agents.
  • É um produto pago, parte dos planos Pro, Team e Enterprise da Claude.
  • Não espere que ele substitua o seu raciocínio. Ele acelera a execução. A direção é sua.

Comandos úteis

Comando Função
/helpMostra todos os comandos disponíveis
/clearLimpa a conversa atual e começa de novo
/resumeRetoma uma sessão anterior
/agentsGerencia subagentes especializados
Ctrl+CInterrompe uma ação em andamento
exitEncerra o Claude Code
Parte 6

Publicar e brilhar

Construir não basta. O MVP só vira projeto de verdade quando ele está no ar e qualquer pessoa pode acessar.

GitHub

É 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.

Vercel

É 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.

Pipeline em 4 passos

  1. GitHub — Crie conta em github.com (gratuito). Crie um repositório novo. Suba seu projeto.
  2. Vercel — Crie conta em vercel.com fazendo login com sua conta do GitHub. Aceite as permissões.
  3. Configure — No painel da Vercel, clique em "Import Git Repository". Selecione o repositório. A Vercel detecta automaticamente o framework.
  4. Deploy — Clique em "Deploy". Aguarde 1-3 minutos. No final, você recebe uma URL pública do tipo 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.

Referência

Glossário técnico

Termos que aparecem ao longo do material. Consulte sempre que precisar.

APIForma como dois sistemas conversam.
BackendA parte do sistema que o usuário não vê.
BuildO processo de transformar seu código-fonte no app pronto para rodar.
CSSLinguagem que define a aparência de uma página.
DeployAto de publicar seu app na internet.
FrameworkConjunto pronto de ferramentas que acelera o desenvolvimento.
FrontendA parte do sistema que o usuário vê e interage.
HTMLLinguagem que define a estrutura de uma página web.
JavaScriptLinguagem que dá interatividade às páginas.
LocalhostEndereço do seu próprio computador.
MCPModel Context Protocol. Padrão da Anthropic para conectar Claude a ferramentas externas.
MVPMinimum Viable Product. A versão mais simples possível do seu produto que já entrega valor.
Node.jsPrograma que executa JavaScript fora do navegador.
npmGerenciador de pacotes do Node.
PRDProduct Requirements Document.
PromptO texto que você manda para a IA.
Pull RequestPedido formal para incluir suas mudanças no projeto principal.
ReactFramework de JavaScript para construir interfaces.
Repositório"Pasta do projeto" no GitHub.
SupabaseBanco de dados na nuvem fácil de usar.
TerminalJanela onde você digita comandos para o computador.
URLEndereço de uma página na internet.
Suporte

Solução para erros comuns

Encontrou um problema? Provavelmente ele está aqui.

Lovable

"Está demorando muito"
Aguarde 30s, recarregue. Projeto fica salvo.
"Gerou diferente"
Diga: "você gerou X mas eu queria Y. Refaça a Fase 1 considerando que [explicação]"
"Quebrou e não sei voltar"
Use o histórico (ícone de relógio no canto superior direito).

Claude Code

"command not found: claude"
npm install -g @anthropic-ai/claude-code
"Precisa fazer login"
Rode claude login e siga o assistente.
"Conexão recusada"
Verifique internet. Rede da faculdade pode bloquear.

GitHub

"Permission denied"
Use HTTPS em vez de SSH.
"Updates were rejected"
git pull origin main && git push
"Não consigo logar"
Precisa de Personal Access Token.

Vercel

"Build failed"
Veja logs, corrija na ferramenta de origem.
"Site abre mas não funciona"
Adicione variáveis de ambiente em Settings.
"Versão antiga"
Confirme git 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.

Prática

Hands-on

Sua vez de pilotar. Pegue uma ideia da sua trilha e siga o pipeline.

10 min

COPILOTO + S.U.M

Gere 10 ideias. Filtre 3.

10 min

Deep Research no Gemini

Valide as 3 com mercado.

10 min

PRD + fases

Escreva o PRD. Quebre em fases.

20 min

Construir no Lovable

Cole o prompt da Fase 1. Aplique tema. Publique.

Ideias por trilha

Exatas e engenharias

  • Calculadora de viabilidade de projetos
  • App de inspeção técnica
  • Simulador de carga

Tecnologias e design

  • Gerador de paletas
  • Criador de moodboard
  • Avaliador de UX

Negócios

  • Validador de ideia de negócio
  • Gerador de pitch deck
  • Simulador de precificação

Saúde, educação, direito

  • Assistente de estudos
  • Triagem inicial
  • Pesquisador de jurisprudência
Verificação

Checklist final

Marque cada item conforme avança. Seu progresso é salvo automaticamente no navegador.

Antes de codar

Durante a construção

Depois de construir

"IA é o copiloto. Cultura, decisões e responsabilidade continuam humanas. A IA acelera a execução. A direção, o critério e o resultado final continuam sendo seus. Pilote bem." — Prof. Dr. Wendel Castro