Nelle parole della skill
Converte una descrizione in inglese o una fonte Mermaid in una tripletta di diagramma: la fonte Mermaid (.mmd), un file Excalidraw modificabile (.excalidraw) che si apre su excalidraw.com, e output resi in SVG + PNG. Il rendering è completamente offline tramite un server loopback locale — usa il browser Aside quando in esecuzione, altrimenti il browser headless proprio di gstack.
Diagrammi di flusso (graph LR/TD) e diagrammi di sequenza producono scene Excalidraw completamente modificabili con box, freccie e testo reali. Altri tipi di diagrammi Mermaid (state, class, gantt) vengono resi in SVG/PNG ed esportati come un singolo elemento immagine nel file Excalidraw — spostabile e annotabile ma non modificabile a livello di elemento. La fonte Mermaid resta l'unica fonte di verità per iterare.
Che cosa produce
- Un file di fonte Mermaid (.mmd) che serve come formato di interscambio adatto agli LLM e unica fonte di verità.
Come funziona
- 01Scrivere la Fonte Mermaid
Scrivere Mermaid conforme alla richiesta dell'utente. Preferire graph LR per pipeline/flussi e graph TD per gerarchie.
- 02Preparare il Render Bundle Una Volta per Sessione
Preparare diagram-render.html nella directory di staging del render di gstack sotto ${TMPDIR:-/tmp}/gstack-render, indirizzata per contenuto tramite lo SHA del bundle.
- 03Rendere la Tripletta con Un Solo Comando
Scrivere il file .mmd, poi eseguire gstack-render con il bundle preparato.
- 04Mostrare e Consegnare
Leggi il PNG inline in modo che l'utente veda il diagramma. Elenca i percorsi della tripletta e specifica che il file .excalidraw si apre su excalidraw.com per la modifica.