MÓDULO 1.2

💡 Brainstorming antes do código

Aprenda a extrair uma especificação real de uma conversa vaga e validá-la antes de escrever uma linha de código.

📋6 tópicos ⏱️~30 min 🎯Intermediário 📖Teoria + Prática
1

🤔 Por que o agente pergunta antes de agir

A skill de brainstorming do Superpowers muda fundamentalmente o modo como o agente responde a pedidos vagos. Em vez de implementar o que parece razoável, o agente entra em modo socrático: faz perguntas direcionadas para revelar o que você realmente quer antes de escrever uma linha.

O método socrático aplicado ao desenvolvimento

  • Pergunta de escopo: "Para qual contexto isso precisa funcionar?" revela se é MVP ou produção
  • Pergunta de constraints: "Há limitações técnicas que devo respeitar?" evita retrabalho de arquitetura
  • Pergunta de critério: "Como saberemos que está pronto?" define o critério de aceitação
  • Pergunta de borda: "O que deve acontecer quando X falhar?" define tratamento de erros

Por que isso economiza tempo

Uma sessão de brainstorming de 20 minutos revela requisitos que, se descobertos durante a implementação, custam 2-4 horas de reescrita. O ROI é sempre positivo.

2

📄 Extraindo uma spec de uma conversa vaga

O processo de extrair uma spec começa com a ideia mais vaga possível e a refina através de perguntas até chegar a um documento estruturado. O agente não inventa requisitos — ele os descobre através de diálogo. Ao final, a spec reflete o que você realmente quer, não o que o agente imaginou.

Entrada (ideia vaga)

"Quero um sistema para gerenciar tarefas da minha equipe"

Saída (spec extraída)

Sistema Kanban para 5-10 usuários, persistência em PostgreSQL, autenticação por email, sem mobile por ora, drag-and-drop em cards

As perguntas que revelam a spec

  • • Quantos usuários simultâneos?
  • • Precisamos de mobile ou só web?
  • • Qual banco de dados já está na infra?
  • • Tem integração com ferramentas existentes?
  • • Qual é o prazo e o que é MVP?
3

✅ Validando o design em seções

Após extrair a spec, o agente não a apresenta inteira de uma vez esperando aprovação global. Em vez disso, apresenta seção por seção e aguarda confirmação explícita antes de continuar. Isso garante que você realmente leu e compreendeu cada parte — não apenas clicou "aprovado" em um texto longo.

Seção 1: Objetivo→ aguarda aprovação

"Criar um Kanban board para gerenciamento de tarefas de equipes pequenas (5-10 pessoas). Confirma?"

Seção 2: Stack técnica→ aguarda aprovação

"Next.js + PostgreSQL + Prisma. Auth via NextAuth com provider de email. Confirma?"

Seção 3: Critérios de aceitação→ aguarda aprovação

"Criar/mover/deletar cards, drag-and-drop entre colunas, persistência imediata. Confirma?"

Por que seção por seção?

Spec documents completos têm 500-1000 palavras. Aprovação em bloco é ilusória. Seção por seção força leitura real e permite correções cirúrgicas.

4

🖥️ O servidor visual de brainstorming

Durante o brainstorming, o agente pode iniciar um servidor local que renderiza a spec em tempo real numa interface HTML limpa. Em vez de revisar a spec no chat — onde o contexto se mistura com a conversa — você revisa num browser dedicado que se atualiza conforme o agente escreve.

Como ativar o servidor visual

  1. 1.O agente inicia automaticamente quando entra em modo brainstorming
  2. 2.Servidor sobe em localhost:3000 por padrão
  3. 3.A spec é renderizada em Markdown com seções colapsáveis
  4. 4.Atualizações aparecem sem recarregar a página (SSE)

Vantagem prática

Com o servidor visual, você pode ter o chat à esquerda e a spec renderizada à direita. Cada aprovação de seção no chat se reflete imediatamente na visualização. A revisão fica muito mais natural e rápida.

5

📋 Spec document: o que deve conter

Uma spec bem escrita tem seções obrigatórias que cobrem todas as dimensões da feature: o que ela faz, como saberemos que está pronta, o que está fora do escopo e o que ainda está em aberto. Cada seção serve como critério de revisão em fases posteriores.

Objetivo O que a feature entrega e para quem. Uma frase clara.
Contexto técnico Stack existente, constraints de arquitetura, dependências.
Critérios Lista de comportamentos que devem funcionar. Cada item é testável.
Casos de borda O que acontece quando inputs são inválidos, vazios ou inesperados.
Fora de escopo O que explicitamente não será feito nesta iteração.
Em aberto Decisões que precisam ser tomadas antes da implementação.

Atenção: spec incompleta é quase tão ruim quanto sem spec

Se "fora de escopo" estiver em branco, o agente vai adicionar features que parecem razoáveis. Se "em aberto" estiver vazio, decisões serão tomadas sem você. Preencha todas as seções.

6

🛠️ Prática: ideia bruta → spec aprovado

Este exercício une todos os tópicos anteriores numa sessão real de brainstorming. A meta é partir de uma ideia propositalmente vaga e chegar a uma spec que poderia ir direto para o módulo de planejamento sem nenhuma ambiguidade.

Roteiro do exercício

  1. 1.Abra uma sessão e diga: "Quero fazer um brainstorming sobre [sua próxima feature]"
  2. 2.Deixe o agente fazer todas as perguntas sem antecipar respostas
  3. 3.Abra o servidor visual se disponível, ou peça ao agente para gerar o doc
  4. 4.Valide seção por seção, corrigindo o que estiver errado
  5. 5.Confirme que "fora de escopo" e "em aberto" estão preenchidos
  6. 6.Salve o doc — ele será o input do Módulo 1.3

Critério de conclusão

A spec está pronta quando você consegue responder "sim" a: "Qualquer desenvolvedor poderia implementar isso sem fazer uma única pergunta adicional?"

Resumo do Módulo 1.2

Entendi por que o agente usa o método socrático antes de agir
Sei extrair uma spec estruturada de uma conversa vaga
Pratiquei validação incremental seção por seção
Conheço o servidor visual de brainstorming e como ativá-lo
Sei o que uma spec completa deve conter (todas as seções)
Completei o exercício e tenho uma spec aprovada em mãos
Próximo módulo: 1.3 — Planejamento real com writing-plans