CommunityCodierung & Entwicklunggithub.com

varkart/visualcave

Agentische Fähigkeit für interaktive technische Diagramme als eigenständige HTML-Dateien — Mermaid.js, Dark Mode, Schritt-für-Schritt-Durchlauf, Export

Was ist visualcave?

Diese agentische Fähigkeit ermöglicht es KI-Agenten, interaktive technische Diagramme als eigenständige HTML-Dateien zu generieren. Sie nutzt die Mermaid.js-Bibliothek zur Darstellung von Diagrammen, unterstützt einen Dark Mode für verbesserte Lesbarkeit und bietet eine Schritt-für-Schritt-Durchlauf-Funktion, um komplexe Abläufe visuell zu erklären. Entwickler können die Diagramme als eigenständige HTML-Dateien exportieren, die ohne externe Abhängigkeiten in jedem Browser geöffnet werden können. Die Fähigkeit ist besonders nützlich für die Erstellung von Architekturdiagrammen, Flussdiagrammen, Sequenzdiagrammen und anderen technischen Visualisierungen, die in Dokumentationen, Präsentationen oder Code-Repositories eingebettet werden sollen. Sie funktioniert plattformunabhängig mit allen gängigen KI-Agenten-Tools, die die Ausführung von Shell-Befehlen unterstützen.

Funktioniert mit~Claude Code~Codex CLI~Cursor✓Antigravity
Part ofMobile
npx skills add varkart/visualcave

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht visualcave?

Agentische Fähigkeit für interaktive technische Diagramme als eigenständige HTML-Dateien — Mermaid.js, Dark Mode, Schritt-für-Schritt-Durchlauf, Export

Verwandte Skills