·mermaid
</>

mermaid

teachingai/agent-skills

Bietet umfassende Anleitungen zum Erstellen von Mermaid-Diagrammen. Mermaid ist ein JavaScript-basiertes Diagramm- und Diagrammtool, das Markdown-inspirierte Textdefinitionen und einen Renderer verwendet, um komplexe Diagramme zu erstellen und zu ändern. Der Hauptzweck von Mermaid besteht darin, die Dokumentation dabei zu unterstützen, mit der Entwicklung Schritt zu halten. Mermaid eignet sich besonders gut für den Einsatz in Markdown-Dokumenten, GitHub, GitLab, Wikis, Blogs und anderen Markdown-basierten Plattformen. Verwenden Sie diese Option, wenn der Benutzer Diagramme, Diagramme, Diagramme, Flussdiagramme, Architekturdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, Gantt-Diagramme, Mindmaps, Zeitleisten oder andere visuelle Diagramme im Markdown-freundlichen Format zeichnen, erstellen, generieren, erstellen, erstellen oder visualisieren möchte. Diese Fertigkeit deckt alle über 23 Mermaid-Diagrammtypen ab, einschließlich Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER-Diagramme, Gantt-Diagramme, Kreisdiagramme, Quadrantendiagramme, Git-Diagramme, C4-Diagramme, Mindmaps, Zeitleisten und mehr. Verwenden Sie diese Fähigkeit immer, wenn der Benutzer Mermaid erwähnt, Diagramme für die Markdown-Dokumentation benötigt oder schnelle Diagramme möchte, die direkt in Markdown-Renderern gerendert werden.

5Installationen·0Trend·@teachingai

Installation

$npx skills add https://github.com/teachingai/agent-skills --skill mermaid

SKILL.md

Mermaid and PlantUML are two different diagramming tools with different purposes:

CRITICAL: Mermaid is a Markdown-focused diagramming tool. This skill should be triggered when the user explicitly mentions "Mermaid", needs diagrams for Markdown documentation, or wants diagrams that render directly in Markdown renderers (GitHub, GitLab, wikis, blogs).

When both PlantUML and Mermaid are matched, ALWAYS ask the user to choose the output format or tool, as they are two different diagramming tools with different purposes.

Bietet umfassende Anleitungen zum Erstellen von Mermaid-Diagrammen. Mermaid ist ein JavaScript-basiertes Diagramm- und Diagrammtool, das Markdown-inspirierte Textdefinitionen und einen Renderer verwendet, um komplexe Diagramme zu erstellen und zu ändern. Der Hauptzweck von Mermaid besteht darin, die Dokumentation dabei zu unterstützen, mit der Entwicklung Schritt zu halten. Mermaid eignet sich besonders gut für den Einsatz in Markdown-Dokumenten, GitHub, GitLab, Wikis, Blogs und anderen Markdown-basierten Plattformen. Verwenden Sie diese Option, wenn der Benutzer Diagramme, Diagramme, Diagramme, Flussdiagramme, Architekturdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, Gantt-Diagramme, Mindmaps, Zeitleisten oder andere visuelle Diagramme im Markdown-freundlichen Format zeichnen, erstellen, generieren, erstellen, erstellen oder visualisieren möchte. Diese Fertigkeit deckt alle über 23 Mermaid-Diagrammtypen ab, einschließlich Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER-Diagramme, Gantt-Diagramme, Kreisdiagramme, Quadrantendiagramme, Git-Diagramme, C4-Diagramme, Mindmaps, Zeitleisten und mehr. Verwenden Sie diese Fähigkeit immer, wenn der Benutzer Mermaid erwähnt, Diagramme für die Markdown-Dokumentation benötigt oder schnelle Diagramme möchte, die direkt in Markdown-Renderern gerendert werden. Quelle: teachingai/agent-skills.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/teachingai/agent-skills --skill mermaid
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist mermaid?

Bietet umfassende Anleitungen zum Erstellen von Mermaid-Diagrammen. Mermaid ist ein JavaScript-basiertes Diagramm- und Diagrammtool, das Markdown-inspirierte Textdefinitionen und einen Renderer verwendet, um komplexe Diagramme zu erstellen und zu ändern. Der Hauptzweck von Mermaid besteht darin, die Dokumentation dabei zu unterstützen, mit der Entwicklung Schritt zu halten. Mermaid eignet sich besonders gut für den Einsatz in Markdown-Dokumenten, GitHub, GitLab, Wikis, Blogs und anderen Markdown-basierten Plattformen. Verwenden Sie diese Option, wenn der Benutzer Diagramme, Diagramme, Diagramme, Flussdiagramme, Architekturdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, Gantt-Diagramme, Mindmaps, Zeitleisten oder andere visuelle Diagramme im Markdown-freundlichen Format zeichnen, erstellen, generieren, erstellen, erstellen oder visualisieren möchte. Diese Fertigkeit deckt alle über 23 Mermaid-Diagrammtypen ab, einschließlich Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER-Diagramme, Gantt-Diagramme, Kreisdiagramme, Quadrantendiagramme, Git-Diagramme, C4-Diagramme, Mindmaps, Zeitleisten und mehr. Verwenden Sie diese Fähigkeit immer, wenn der Benutzer Mermaid erwähnt, Diagramme für die Markdown-Dokumentation benötigt oder schnelle Diagramme möchte, die direkt in Markdown-Renderern gerendert werden. Quelle: teachingai/agent-skills.

Wie installiere ich mermaid?

Ö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/teachingai/agent-skills --skill mermaid Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/teachingai/agent-skills