mermaid-diagramming
Mermaid-Diagramme in Obsidian erstellen
Fügen Sie visuelle Diagramme zu Ihren Obsidian-Notizen ohne externe Tools hinzu. Diese Skill bietet eine vollständige Syntaxreferenz für 17 Diagrammtypen einschließlich Flussdiagrammen, Sequenzdiagrammen, Klassendiagrammen, Gantt-Diagrammen und mehr.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「mermaid-diagramming」。 Erstellen Sie ein Flussdiagramm für den Benutzer-Anmeldeprozess
預期結果:
- Zeigt Startknoten
- Entscheidungsraute für Anmeldeseite
- Pfade für gültige/ungültige Anmeldeinformationen
- Token-Generierung und Sitzungserstellung
- Weiterleitung zum Dashboard
正在使用「mermaid-diagramming」。 Erstellen Sie ein Sequenzdiagramm für API-Anfragen
預期結果:
- Client, API-Gateway und Datenbank-Teilnehmer
- HTTP-Anfrage/Antwort-Pfeile
- Authentifizierungsprüfungsschritt
- Datenabfrage und Ergebniserückgabe
正在使用「mermaid-diagramming」。 Erstellen Sie ein Klassendiagramm für ein Fahrzeugsystem
預期結果:
- Basisklasse Fahrzeug mit Eigenschaften
- Unterklassen Auto und Motorrad
- Vererbungsbeziehungen
- Methoden wie start() und stop()
安全審計
安全Pure documentation skill containing markdown files with Mermaid syntax examples. No executable code, network calls, file system access, or environment variable reads. All 2487 static findings are FALSE POSITIVES triggered by documentation patterns, not actual security risks.
風險因素
⚙️ 外部命令 (1818)
⚡ 包含腳本 (1)
🔑 環境變數 (2)
品質評分
你能建構什麼
Systemarchitektur dokumentieren
Erstellen Sie Sequenzdiagramme, Klassendiagramme und Architektur-Layouts, um Codesysteme zu dokumentieren.
Projektzeitpläne visualisieren
Erstellen Sie Gantt-Diagramme, Zeitlinien und Journey-Diagramme, um Fortschritte und Arbeitsabläufe zu verfolgen.
Visuelle Dokumentation hinzufügen
Betten Sie Flussdiagramme und ER-Diagramme direkt in Dokumentationsnotizen ein, ohne externe Tools zu verwenden.
試試這些提示
Erstellen Sie ein Mermaid-Flussdiagramm, das einen einfachen Entscheidungsprozess zeigt, bei dem [Eingabe] zu [Aktion] oder [Alternative] führt.
Erstellen Sie ein Mermaid-Sequenzdiagramm, das zeigt, wie [Dienst] [Endpunkt] aufruft und eine Antwort von [Datenbank] empfängt.
Erstellen Sie ein Mermaid-ER-Diagramm für [Entität] mit Beziehungen zu [verbundene Entitäten] einschließlich Primärschlüsseln und Fremdschlüsseln.
Erstellen Sie ein Mermaid-Gantt-Diagramm für [Projekt] mit Phasen [Phasenname] und Abhängigkeiten zwischen Aufgaben.
最佳實務
- Verwenden Sie explizite Hex-Farben in Style-Befehlen für konsistentes Erscheinungsbild über verschiedene Obsidian-Themes hinweg
- Teilen Sie große Diagramme (50+ Knoten) in mehrere kleinere Diagramme für bessere Leistung
- Fügen Sie Barrierefreiheitstitel mit accTitle und accDescr für Screenreader-Unterstützung hinzu
避免
- Verwenden von Click-Events oder JavaScript-Callbacks (in Obsidian deaktiviert)
- Überspringen von Barrierefreiheitstiteln für komplexe Diagramme
- Erstellen von Einpunktdiagrammen, die Mermaid 10.3+-Funktionen erfordern