·mermaid-diagrams
>_

mermaid-diagrams

Erstellen und Verfeinern von Mermaid-Diagrammen mit Live-Neuladen. Verwenden Sie es, wenn Benutzer Flussdiagramme, Sequenzdiagramme, Klassendiagramme, ER-Diagramme, Zustandsdiagramme oder andere Mermaid-Visualisierungen wünschen. Bietet Best Practices für Syntax, Stil und den iterativen Workflow mit den Tools mermaid_preview und mermaid_save.

19Installationen·5Trend·@veelenga

Installation

$npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams

So installieren Sie mermaid-diagrams

Installieren Sie den KI-Skill mermaid-diagrams schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: veelenga/claude-mermaid.

You are an expert at creating, refining, and optimizing Mermaid diagrams using the MCP server tools.

Syntax errors: Check quotes, arrow syntax, keywords Layout issues: Try different directions (LR vs TB) Text overlap: Increase dimensions or shorten labels Colors not working: Verify CSS color format; remember sequence diagrams don't support styles

You: "I'll create a sequence diagram showing the authentication flow." [Use mermaidpreview with previewid="auth-flow"]

Erstellen und Verfeinern von Mermaid-Diagrammen mit Live-Neuladen. Verwenden Sie es, wenn Benutzer Flussdiagramme, Sequenzdiagramme, Klassendiagramme, ER-Diagramme, Zustandsdiagramme oder andere Mermaid-Visualisierungen wünschen. Bietet Best Practices für Syntax, Stil und den iterativen Workflow mit den Tools mermaid_preview und mermaid_save. Quelle: veelenga/claude-mermaid.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams
Kategorie
>_Produktivität
Verifiziert
Erstes Auftreten
2026-02-22
Aktualisiert
2026-03-10

Browse more skills from veelenga/claude-mermaid

Schnelle Antworten

Was ist mermaid-diagrams?

Erstellen und Verfeinern von Mermaid-Diagrammen mit Live-Neuladen. Verwenden Sie es, wenn Benutzer Flussdiagramme, Sequenzdiagramme, Klassendiagramme, ER-Diagramme, Zustandsdiagramme oder andere Mermaid-Visualisierungen wünschen. Bietet Best Practices für Syntax, Stil und den iterativen Workflow mit den Tools mermaid_preview und mermaid_save. Quelle: veelenga/claude-mermaid.

Wie installiere ich mermaid-diagrams?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/veelenga/claude-mermaid

Details

Kategorie
>_Produktivität
Quelle
skills.sh
Erstes Auftreten
2026-02-22

Verwandte Skills

Keine