Legal Architecture

• Você precisa de um diagrama de fluxo de litígio mostrando a cadeia de partes → provas → fatos → legislação aplicável → sentença.
• Você está revisando um contrato e deseja um mapa visual de partes, direitos/obrigações, marcos de execução e consequências por inadimplemento.
• Você precisa de um diagrama de procedimento regulatório (requerimento → análise → decisão → recurso) para comunicação com clientes ou treinamento interno.
• Você deseja um diagrama de cadeia de provas, gráfico de análise de fundamentos da pretensão ou mapa de hierarquia jurídica para um arquivo de caso ou apresentação.

• Você precisa de um arquivo vetorial editável (por exemplo, .svg, .ai, .vsdx) em vez de um documento HTML independente.
• Você precisa de dashboards interativos ou orientados a dados com JavaScript — esta skill produz apenas SVG estático.
• Sua visualização é totalmente não jurídica em natureza (organogramas, arquitetura de engenharia, etc.) — uma skill de diagramação geral seria mais adequada.

Cada diagrama é entregue como um único arquivo .html com todo o CSS e SVG incorporados. Sem imagens externas, sem JavaScript e sem necessidade de servidor — basta abrir no navegador ou incorporar diretamente no Word ou PowerPoint.

Sete categorias de cores predefinidas mapeiam tipos distintos de componentes jurídicos: partes (azul), fatos (cinza-ardósia), provas (âmbar), legislação (esmeralda), procedimento (violeta), decisão (vermelho) e questões controvertidas (laranja). Isso torna os diagramas do Legal Architecture imediatamente legíveis para profissionais do direito.

Suporta três layouts especializados: fluxo de litígio (em camadas de cima para baixo com caixas de grupo tracejadas), relação contratual (hub-and-spoke ou duas colunas) e estrutura jurídica (árvore hierárquica). O layout é escolhido automaticamente com base no tipo de conteúdo.

Usa um fundo claro #f8fafc, a tipografia Inter (carregada via Google Fonts) e componentes de retângulo arredondado com regras de espaçamento precisas. O resultado tem aparência profissional ao ser impresso diretamente do navegador.

As setas são sempre desenhadas antes das caixas de componentes na ordem do documento SVG, de modo que as linhas de conexão aparecem de forma limpa atrás dos nós. Retângulos de fundo branco opaco evitam ainda mais que as setas transpassem as caixas coloridas.

Cada saída inclui um cabeçalho (título, número do processo, tribunal), um cartão de diagrama, uma grade de metadados em três colunas (partes, resumo de provas, pontos-chave do julgamento) e um rodapé — entregando um documento completo, não apenas um diagrama bruto.

Um advogado se preparando para o julgamento usa essa skill para gerar um diagrama de fluxo em camadas mostrando autor/réu → questões controvertidas → provas → constatações de fato → fundamento legal → sentença. O resultado é compartilhado com o cliente como um arquivo HTML pronto para impressão.

Um gestor de contratos insere um acordo complexo entre múltiplas partes e recebe um diagrama em formato hub-and-spoke ilustrando as obrigações de cada parte, os principais marcos de desempenho e as cláusulas de responsabilidade por descumprimento — pronto para ser incorporado a um relatório de revisão.

Uma equipe de conformidade usa essa skill para diagramar um procedimento administrativo (solicitação → análise → decisão → recurso/remédio) para um guia de registro regulatório ou material de treinamento interno.

Um advogado visualiza a cadeia lógica que conecta peças individuais de evidência a fatos estabelecidos e, por fim, à base da pretensão jurídica, criando um documento claro para apresentações em tribunal ou arbitragem.