·diagrams
</>

diagrams

Generieren Sie visuelle Flussdiagramme, Architekturdiagramme und Systemkarten als SVG/PNG. Verwenden Sie es, wenn der Benutzer nach Flussdiagrammen, Benutzerflussdiagrammen, Architekturdiagrammen, Systemdiagrammen, Interaktionskarten oder anderen visuellen Diagrammen fragt. Unterstützt die ELK JSON-Layout-Engine mit automatischer Darstellung in SVG.

6Installationen·0Trend·@tychohq

Installation

$npx skills add https://github.com/tychohq/agent-skills --skill diagrams

So installieren Sie diagrams

Installieren Sie den KI-Skill 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/tychohq/agent-skills --skill 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: tychohq/agent-skills.

Generate diagrams from structured JSON → SVG (and optionally PNG).

| id | string | Required. Unique identifier | | width | number | Node width in px (default 120) | | height | number | Node height in px (default 40) | | labels | array | [{text}] — used by ELK for layout calculation | | label | string | Display text rendered in SVG (supports emoji). Falls back to id | | color | string | Color key from palette (see below) |

| subtitle | string | Smaller text below the label | | fontSize | number | Label font size (default 13) | | children | array | Nested nodes — makes this a container | | containerColor | string | Color key for container background |

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/tychohq/agent-skills --skill diagrams
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-26
Aktualisiert
2026-03-10

Browse more skills from tychohq/agent-skills

Schnelle Antworten

Was ist diagrams?

Generieren Sie visuelle Flussdiagramme, Architekturdiagramme und Systemkarten als SVG/PNG. Verwenden Sie es, wenn der Benutzer nach Flussdiagrammen, Benutzerflussdiagrammen, Architekturdiagrammen, Systemdiagrammen, Interaktionskarten oder anderen visuellen Diagrammen fragt. Unterstützt die ELK JSON-Layout-Engine mit automatischer Darstellung in SVG. Quelle: tychohq/agent-skills.

Wie installiere ich 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/tychohq/agent-skills --skill 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/tychohq/agent-skills