osFoundry / Platform
Notas — Diagramas
Diagramas Mermaid junto a su fuente. Edita en un lado, renderiza en el otro.
Qué es
Notes (Diagramas) es la superficie de creación de Mermaid dentro de Notes de osFoundry. Un diagrama Mermaid se define en texto plano (diagramas de flujo, de secuencia, de clases, máquinas de estados, diagramas ER, diagramas de Gantt) y esta función mantiene ese texto y su imagen renderizada en la misma nota. Editas el código a un lado y el diagrama se renderiza al otro, de modo que la definición y el resultado nunca se separan.
Como el diagrama se guarda en forma de su código, y no como una imagen exportada, sigue siendo parte del texto de la nota. Puedes compararlo, copiarlo, pasárselo a un agente o pegarlo en otra nota sin perder la capacidad de editarlo. Nada queda aplanado en una captura que tendrías que volver a dibujar para cambiar. Modifica una flecha en el código y el resultado lo refleja de inmediato, y eso es lo que convierte iterar sobre un diagrama en algo rápido en vez de una tarea pesada.
Esto vive dentro de osFoundry, un espacio de trabajo de escritorio con tu propia clave donde el chat, los agentes, las apps, el código y el conocimiento comparten un mismo lugar. Notes es local-first, así que un diagrama que bosquejes (una arquitectura, un proceso, un modelo de datos) permanece en tu dispositivo a menos que decidas lo contrario. Y como osFoundry ejecuta cualquier modelo para el que aportes tu clave, un agente del espacio de trabajo puede redactar o revisar el código Mermaid directamente en la nota, y lo ves renderizarse en el momento en que aterriza.
Capacidades principales
- Crea diagramas Mermaid en una nota y velos renderizarse en paralelo: el código a un lado y la imagen al otro
- Los cambios en el código del diagrama vuelven a renderizar la imagen mientras escribes, así que iterar sobre un flujo o una secuencia es inmediato
- Los diagramas se guardan como su texto fuente, no como imágenes fijas, por lo que siguen siendo editables, comparables y copiables
- Admite los tipos que cubre Mermaid: diagramas de flujo, de secuencia, de clases, de estados, ER y de Gantt
- Notes local-first mantiene el código de tus diagramas en tu dispositivo; los agentes que ejecutas con tu propia clave pueden redactar o revisar el Mermaid directamente
Casos de uso
- Ingeniero: documenta el flujo de peticiones de un servicio como un diagrama de secuencia Mermaid en una nota y ajusta el código a medida que cambia el diseño
- Redactor técnico: mantiene un diagrama de arquitectura junto al documento que lo explica, editando el código en lugar de volver a exportar una imagen
- Líder de equipo: bosqueja el cronograma de un proyecto como un diagrama de Gantt y pide a un agente del espacio de trabajo que actualice el código Mermaid cuando cambian las fechas
Preguntas frecuentes
¿Qué tipos de diagramas Mermaid puedo renderizar?
El conjunto estándar de Mermaid: diagramas de flujo, de secuencia, de clases, de estados, de entidad-relación y de Gantt. Los escribes con la sintaxis de texto de Mermaid y la nota los renderiza en vivo.
¿El diagrama se guarda como imagen o como texto editable?
Como texto. El código Mermaid vive en la nota y el render se genera a partir de él. Eso significa que siempre puedes volver a editar la definición en lugar de redibujar una imagen estática, y el código viaja con la nota cuando la copias.
¿Puede un agente de IA escribir el diagrama por mí?
Sí. osFoundry es un espacio de trabajo con tu propia clave, así que un agente que corre sobre un modelo que hayas conectado puede producir o revisar el código Mermaid dentro de la nota. Como el diagrama es texto fuente, lo que escriba el agente se renderiza igual que tus propias ediciones.