Skill'in Kendi İfadeleriyle
İngilizce bir açıklamayı veya Mermaid kaynağını bir diyagram üçlüsüne dönüştürür: Mermaid kaynağı (.mmd), excalidraw.com'da açılan düzenlenebilir bir Excalidraw dosyası (.excalidraw) ve render edilmiş SVG + PNG çıkışları. Render işlemi yerel bir loopback sunucusu üzerinden tamamen çevrimdışı gerçekleşir — çalışıyorsa Aside tarayıcısını kullanır, aksi halde gstack'in kendi headless tarayıcısını kullanır.
Akış şemaları (graph LR/TD) ve sıra diyagramları, gerçek kutular, oklar ve metinlerle tamamen düzenlenebilir Excalidraw sahneleri üretir. Diğer Mermaid diyagram türleri (state, class, gantt) SVG/PNG olarak render edilir ve Excalidraw dosyasında tek bir görsel öğe olarak dışa aktarılır — taşınabilir ve üzerine not eklenebilir ama öğe düzeyinde düzenlenemez. Mermaid kaynağı, yineleme için tek gerçek kaynak olarak kalır.
Neler üretir
- LLM'e uygun değişim formatı ve tek gerçek kaynak olarak görev yapan bir Mermaid kaynak dosyası (.mmd).
Nasıl Çalışır
- 01Mermaid Kaynağı Yazın
Kullanıcının isteğine uygun Mermaid yazın. Ardışık düzenler/akışlar için graph LR'yi, hiyerarşiler için graph TD'yi tercih edin.
- 02Render Paketini Oturum Başına Bir Kez Hazırlayın
diagram-render.html'yi gstack'in render hazırlama dizininde ${TMPDIR:-/tmp}/gstack-render altında, paket SHA'sına göre içerik adresli olarak hazırlayın.
- 03Üçlüyü Tek Komutla Render Edin
.mmd dosyasını yazın, ardından hazırlanan paketle gstack-render'ı çalıştırın.
- 04Göster ve Teslim Et
Kullanıcının diyagramı görebilmesi için PNG'yi satır içinde okuyun. Üçlü yolları listeleyin ve .excalidraw dosyasının düzenleme için excalidraw.com'da açıldığını belirtin.