O que é Graph Engineering?

Telas são nós, caminhos são setas: a técnica visual que elimina telas soltas e becos sem saída nos apps criados com IA.

Apps não são listas de funcionalidades — são caminhos que pessoas percorrem. O usuário entra numa tela, faz algo, vai para outra. Quando esse caminho não foi planejado, o resultado é conhecido: telas que não se conectam, botões que levam a becos sem saída, fluxos que só fazem sentido na cabeça de quem programou.

Graph Engineering é planejar essa navegação como um grafo: cada tela (ou etapa) é um nó, e cada caminho possível é uma seta ligando dois nós. Simples assim — e poderoso, porque grafos representam algo que listas não conseguem: ramificações.

Um exemplo

Login ──→ Painel ──→ Nova tarefa ──→ Confirmação
  │                      ↑
  └──→ Cadastro ─────────┘

Nesse grafo, o usuário pode ir do Login direto ao Painel (já tem conta) ou passar pelo Cadastro primeiro — e quem acabou de se cadastrar cai direto em "Nova tarefa", sem voltar ao início. Uma lista linear ("tela 1, tela 2, tela 3...") não expressa isso; o grafo expressa em um desenho.

Por que isso importa (ainda mais com IA)

• A IA entende grafos — descrever a navegação como nós e setas (por exemplo, em um diagrama Mermaid) dá à IA de programação um mapa inequívoco do que construir. Menos ambiguidade, menos invenção.
• Becos sem saída aparecem antes — no desenho, uma tela sem seta de saída grita. No código, ela só aparece quando um usuário fica preso.
• O escopo fica visível — contar nós é contar telas. Um grafo de 12 nós no MVP é um alerta de escopo grande antes de gastar uma linha de código.
• Todo caminho pode ser testado — cada seta do grafo vira um caso de teste natural: "dá para ir daqui para lá? o que acontece?"

Como aplicar

Papel e caneta funcionam: desenhe caixas para as telas e setas para os caminhos, incluindo os alternativos (cancelar, voltar, erro). Depois transcreva para a IA em texto ou num diagrama Mermaid. Ou use o caminho pronto: o Mimir App Creator tem um editor de grafo visual — você arrasta nós, liga setas, ramifica à vontade — e o grafo vira automaticamente parte da especificação e dos prompts que a IA recebe, incluindo o diagrama Mermaid.