Mermaid source
Templates include flowcharts, sequence diagrams, class diagrams, state diagrams, ERDs, Gantt, journeys, pie, quadrant, requirement, Git graphs, mindmaps, timeline, Sankey, XY chart, block diagrams, packet, and architecture diagrams.
Every save writes to IndexedDB. Use the library panel to search, open, duplicate, delete, and retrieve diagrams without a server or login.
Export Mermaid source, SVG, PNG, portable JSON, standalone HTML, or a full backup of your local diagram library.
⌘/Ctrl+S saves, ⌘/Ctrl+N creates, ⌘/Ctrl+O opens the library, ⇧⌘V opens Load Vibe, ⌘/Ctrl+. toggles focus, and ⌘/Ctrl+Plus/Minus zooms.
The Vibe menu emits #vibe= links carrying source, theme, look, layout, and curve. Paired with the flowchart-vibe skill, an LLM can generate any Mermaid type and return a clickable link that opens it here.
Load Vibe accepts flowchart-vibe JSON, raw Mermaid, bulleted outlines (→ flowchart), from,to,label CSV (→ flow), or JSON trees (→ mindmap). It auto-detects and converts.
Switch Look between Classic, Hand-drawn, and Neo. Switch Layout to ELK for denser auto-layout (loads in background; falls back to dagre).
Open: Flow · KG · Doc · XLS · MindMap ↗
Skills: ⬇ flowchart-vibe · ⬇ kg-vibe · ⬇ doc-vibe · ⬇ xls-vibe
flowchart-vibe JSON payload, a Mermaid source block, a bulleted outline, a JSON tree, or a from,to,label CSV. The studio detects the format and converts it to Mermaid.