En los propios términos del Skill
Convierte una descripción en inglés o código fuente Mermaid en un triplete de diagrama: el código fuente Mermaid (.mmd), un archivo Excalidraw editable (.excalidraw) que se abre en excalidraw.com, y salidas renderizadas en SVG + PNG. El renderizado es totalmente offline mediante un servidor loopback local — usa el navegador Aside cuando está en ejecución, o de lo contrario el propio navegador headless de gstack.
Los diagramas de flujo (graph LR/TD) y los diagramas de secuencia producen escenas de Excalidraw totalmente editables con cajas, flechas y texto reales. Otros tipos de diagramas Mermaid (state, class, gantt) se renderizan a SVG/PNG y se exportan como un único elemento de imagen dentro del archivo Excalidraw — movible y anotable, pero no editable a nivel de elemento. El código fuente Mermaid sigue siendo la única fuente de verdad para iterar.
Qué produce
- Un archivo de código fuente Mermaid (.mmd) que sirve como formato de intercambio amigable para LLM y única fuente de verdad.
Cómo funciona
- 01Redactar el Código Fuente Mermaid
Escriba Mermaid que coincida con la solicitud del usuario. Prefiera graph LR para pipelines/flujos y graph TD para jerarquías.
- 02Preparar el Paquete de Renderizado Una Vez por Sesión
Prepare diagram-render.html en el directorio de staging de renderizado de gstack bajo ${TMPDIR:-/tmp}/gstack-render, direccionado por contenido mediante el SHA del paquete.
- 03Renderizar el Triplete con un Solo Comando
Escriba el archivo .mmd y luego ejecute gstack-render con el paquete preparado.
- 04Mostrar y Entregar
Lee el PNG en línea para que el usuario vea el diagrama. Enumera las rutas del triplete y señala que el archivo .excalidraw se abre en excalidraw.com para su edición.