Visual Explainer

Überblick

Visual Explainer verwandelt technische Informationen in publikationsfertige HTML-Seiten. Ob Systemarchitektur, Codeänderungen, Kennzahlen oder Projektpläne erklärt werden sollen: Das Tool erstellt Visualisierungen mit Tastaturnavigation, Fokuszuständen und automatischer Unterstützung für den Dunkelmodus, ganz ohne externe Abhängigkeiten.

Highlights

• Erstellt Mermaid-Flussdiagramme, Sequenzdiagramme, ER-Schemata, C4-Modelle und Zustandsautomaten mit Zoom- und Schwenksteuerung
• Erzeugt vollständig eigenständige HTML-Ausgaben mit semantischem Markup
• Gewährleistet Tastaturzugänglichkeit, sichtbare Fokusmarkierungen und Unterstützung für reduzierte Bewegung
• Unterstützt Präsentationen und Vergleichslayouts für Vorträge und Reviews
• Bietet einen optionalen Quick-Modus für kompakte JSON-Spezifikationen mit separater Validierung

Für wen der Skill gedacht ist

Nutze diesen Skill, wenn technische Inhalte von Natur aus visuell sind und ASCII-Grafiken nicht ausreichen. Er erleichtert Architektur-Reviews, erklärt Code-Diffs, fasst Daten zusammen und strukturiert strategische Pläne. So werden komplexe Zusammenhänge zu verständlichen Visualisierungen, die Stakeholder auf einen Blick erfassen können.