Gerador de Diagramas no Formato Excalidraw

Uma habilidade para gerar diagramas no formato Excalidraw a partir de descrições em linguagem natural. Esta habilidade ajuda a criar representações visuais de processos, sistemas, relacionamentos e ideias sem desenho manual.

Quando Usar Esta Habilidade

Use esta habilidade quando os usuários solicitarem:

• "Crie um diagrama mostrando..."
• "Faça um fluxograma para..."
• "Visualize o processo de..."
• "Desenhe a arquitetura do sistema de..."
• "Gere um mapa mental sobre..."
• "Crie um arquivo Excalidraw para..."
• "Mostre a relação entre..."
• "Diagrama o fluxo de trabalho de..."

Tipos de diagramas suportados:

• 📊 Fluxogramas: Processos sequenciais, fluxos de trabalho, árvores de decisão
• 🔗 Diagramas de Relacionamento: Relacionamentos entre entidades, componentes de sistema, dependências
• 🧠 Mapas Mentais: Hierarquias de conceitos, resultados de brainstorming, organização de tópicos
• 🏗️ Diagramas de Arquitetura: Design de sistema, interações de módulos, fluxo de dados
• 📈 Diagramas de Fluxo de Dados (DFD): Visualização de fluxo de dados, processos de transformação de dados
• 🏊 Fluxo de Negócios (Raia): Fluxos de trabalho multifuncionais, fluxos de processos baseados em atores
• 📦 Diagramas de Classe: Design orientado a objetos, estruturas de classes e relacionamentos
• 🔄 Diagramas de Sequência: Interações de objetos ao longo do tempo, fluxos de mensagens
• 🗃️ Diagramas ER: Relacionamentos de entidades de banco de dados, modelos de dados

Pré-requisitos

• Descrição clara do que deve ser visualizado
• Identificação de entidades, etapas ou conceitos chave
• Compreensão dos relacionamentos ou do fluxo entre os elementos

Fluxo de Trabalho Passo a Passo

Passo 1: Entender a Solicitação

Analise a descrição do usuário para determinar:

1. Tipo de diagrama (fluxograma, relacionamento, mapa mental, arquitetura)
2. Elementos chave (entidades, etapas, conceitos)
3. Relacionamentos (fluxo, conexões, hierarquia)
4. Complexidade (número de elementos)

Passo 2: Escolher o Tipo de Diagrama Apropriado

Passo 3: Extrair Informações Estruturadas

Para Fluxogramas:

• Lista de etapas sequenciais
• Pontos de decisão (se houver)
• Pontos de início e fim

Para Diagramas de Relacionamento:

• Entidades/nós (nome + descrição opcional)
• Relacionamentos entre entidades (de → para, com rótulo)

Para Mapas Mentais:

• Tópico central
• Ramos principais (3-6 recomendados)
• Subtópicos para cada ramo (opcional)

Para Diagramas de Fluxo de Dados (DFD):

• Fontes e destinos de dados (entidades externas)
• Processos (transformações de dados)
• Armazenamentos de dados (bancos de dados, arquivos)
• Fluxos de dados (setas mostrando o movimento de dados da esquerda para a direita ou de cima para baixo)
• Importante: Não representar a ordem do processo, apenas o fluxo de dados

Para Fluxo de Negócios (Raia):

• Atores/papéis (departamentos, sistemas, pessoas) - exibidos como colunas de cabeçalho
• Raias de processo (raias verticais sob cada ator)
• Caixas de processo (atividades dentro de cada raia)
• Setas de fluxo (conectando caixas de processo, incluindo transferências entre raias)

Para Diagramas de Classe:

• Classes com nomes
• Atributos com visibilidade (+, -, #)
• Métodos com visibilidade e parâmetros
• Relacionamentos: herança (linha sólida + triângulo branco), implementação (linha tracejada + triângulo branco), associação (linha sólida), dependência (linha tracejada), agregação (linha sólida + losango branco), composição (linha sólida + losango preenchido)
• Notações de multiplicidade (1, 0..1, 1..*, *)

Para Diagramas de Sequência:

• Objetos/atores (organizados horizontalmente no topo)

…