osFoundry / Platform
Notas — Diagramas
Diagramas Mermaid ao lado de sua fonte. Edite de um lado, renderize do outro.
O que é
Notes (Diagramas) é a superfície de criação de Mermaid dentro do Notes do osFoundry. Um diagrama Mermaid é definido em texto simples (fluxogramas, diagramas de sequência, de classes, máquinas de estado, diagramas ER, gráficos de Gantt) e este recurso mantém esse texto e sua imagem renderizada na mesma nota. Você edita o código de um lado e o diagrama é renderizado do outro, de modo que a definição e o resultado nunca se descolam.
Como o diagrama é armazenado na forma do seu código, e não como uma imagem exportada, ele continua fazendo parte do texto da nota. Você pode comparar diffs, copiar, entregar a um agente ou colar em outra nota sem perder a capacidade de editar. Nada é achatado em uma captura de tela que você teria de redesenhar para alterar. Mude uma seta no código e o render reflete na hora, e é isso que torna a iteração sobre um diagrama rápida em vez de trabalhosa.
Isso fica dentro do osFoundry, um workspace de desktop com sua própria chave onde chat, agentes, apps, código e conhecimento dividem um mesmo lugar. O Notes é local-first, então um diagrama que você esboça (uma arquitetura, um processo, um modelo de dados) permanece no seu dispositivo a menos que você escolha o contrário. E como o osFoundry roda qualquer modelo para o qual você traz sua própria chave, um agente no workspace pode redigir ou revisar o código Mermaid diretamente na nota, e você o vê renderizar no instante em que ele chega.
Principais recursos
- Crie diagramas Mermaid em uma nota e veja o render lado a lado: o código de um lado, a imagem do outro
- Alterações no código do diagrama re-renderizam a imagem enquanto você digita, então iterar sobre um fluxo ou uma sequência é imediato
- Os diagramas são armazenados como seu texto de origem, não como imagens fixas, por isso permanecem editáveis, comparáveis e copiáveis
- Suporta os tipos que o Mermaid cobre: fluxogramas, sequência, classes, estados, ER e Gantt
- O Notes local-first mantém o código dos seus diagramas no seu dispositivo; agentes que você roda com sua própria chave podem redigir ou revisar o Mermaid diretamente
Casos de uso
- Engenheiro: documenta o fluxo de requisições de um serviço como um diagrama de sequência Mermaid em uma nota e ajusta o código conforme o design muda
- Redator técnico: mantém um fluxograma de arquitetura junto ao documento que ele explica, editando o código em vez de reexportar uma imagem
- Líder de equipe: esboça o cronograma de um projeto como um gráfico de Gantt e pede a um agente do workspace para atualizar o código Mermaid quando as datas mudam
Perguntas frequentes
Quais tipos de diagrama Mermaid consigo renderizar?
O conjunto padrão do Mermaid: fluxogramas, diagramas de sequência, de classes, de estados, de entidade-relacionamento e gráficos de Gantt. Você os escreve na sintaxe de texto do Mermaid e a nota os renderiza ao vivo.
O diagrama é salvo como imagem ou como texto editável?
Como texto. O código Mermaid vive na nota e o render é gerado a partir dele. Isso significa que você sempre pode voltar e editar a definição em vez de redesenhar uma imagem estática, e o código viaja junto com a nota quando você a copia.
Um agente de IA pode escrever o diagrama para mim?
Sim. O osFoundry é um workspace com sua própria chave, então um agente rodando sobre um modelo que você conectou pode produzir ou revisar o código Mermaid dentro da nota. Como o diagrama é texto de origem, o que o agente escreve renderiza da mesma forma que as suas próprias edições.