CommunityCodierung & Entwicklunggithub.com

LizardLiang/interactive-diagram

Interaktive technische Diagramme (System-/Architektur-/Sequenz-/Ablaufdiagramme) als einzelne, eigenständige HTML-Datei. Ein Claude-Skill/Plugin – Installieren mit: npx skills add LizardLiang/interactive-diagram

Was ist interactive-diagram?

Dieser Skill ermöglicht es KI-Agenten (insbesondere Claude), interaktive technische Diagramme wie Systemarchitekturen, Sequenzdiagramme und Ablaufdiagramme direkt zu generieren und als vollständig eigenständige HTML-Datei auszugeben. Entwickler können damit komplexe Zusammenhänge visuell darstellen, ohne auf externe Tools oder Dienste angewiesen zu sein. Das Ergebnis ist eine einzelne HTML-Datei, die alle erforderlichen CSS- und JavaScript-Ressourcen enthält und in jedem modernen Browser ohne Server oder Internetverbindung funktioniert. Der Skill vereinfacht die Erstellung von Architektur- und Design-Dokumentationen, indem er dem Benutzer erlaubt, Diagramme in natürlicher Sprache zu beschreiben, die dann automatisch in ein interaktives, zoom- und klickbares Visual umgewandelt werden.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add LizardLiang/interactive-diagram

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 interactive-diagram?

Interaktive technische Diagramme (System-/Architektur-/Sequenz-/Ablaufdiagramme) als einzelne, eigenständige HTML-Datei. Ein Claude-Skill/Plugin – Installieren mit: npx skills add LizardLiang/interactive-diagram

Verwandte Skills