Eine interaktive Wissenslandkarte Ihrer Codebase — mit Dashboard, geführten Tours und leistungsstarken Filtern.
Ein Knowledge Graph ist ein Wissensnetzwerk, das Informationen als Netzwerk aus NodesKnoten im Graph. Jeder Node repräsentiert eine Komponente: ein Modul, eine Klasse, eine Funktion, ein Konzept oder eine Konfiguration. (Knoten) und EdgesKanten im Graph. Jede Edge repräsentiert eine Beziehung: imports, extends, calls, depends_on, contains, und viele mehr. (Kanten) darstellt. Im Kontext des Learning Skill sieht das so aus:
Jede Datei, jedes Modul, jede Klasse wird zu einem Knoten. 13 verschiedene Node-Typen decken alle Aspekte einer Codebase ab.
Abhängigkeiten, Datenflüsse, Vererbung — 26 Edge-Typen machen sichtbar, wie Teile zusammenhängen.
Nodes werden in logische Schichten gruppiert: Frontend, Backend, Datenbank, Infrastruktur. Layers lassen sich ein- und ausblenden.
Geführte Pfade durch den Graph, die wichtige Zusammenhänge Schritt für Schritt erklären.
Der große Vorteil gegenüber linearer Dokumentation: Sie können frei navigieren und Zusammenhänge entdecken, die in einem Text nicht sichtbar wären.
Das Dashboard ist Ihre zentrale Oberfläche zum Erkunden des Knowledge Graph. Es besteht aus der Graph-Ansicht links und der Sidebar rechts:
Das gesamte Dashboard ist eine einzige HTML-Datei. Sie können es im Browser öffnen, zoomen, verschieben und Nodes anklicken — alles ohne Server.
Tours sind vordefinierte Pfade durch den Knowledge Graph. Sie führen Sie Schritt für Schritt durch die wichtigsten Zusammenhänge — wie ein Audioguide im Museum.
Jeder Tour-Schritt hebt den relevanten Node im Graph hervor, zeigt die zugehörigen Edges und liefert eine Erklärung. So verstehen Sie nicht nur einzelne Teile, sondern auch wie sie zusammenwirken.
Tours werden automatisch vom Learning Skill generiert. Die wichtigste Tour ("Architektur-Überblick") ist immer dabei. Je nach Projektgröße kommen weitere hinzu.
Mit diesen Tipps holen Sie das Maximum aus dem Knowledge Graph Dashboard:
Mausrad zum Zoomen, Klick+Ziehen zum Verschieben. Doppelklick auf einen Node zentriert ihn.
Drücken Sie Ctrl+F oder nutzen Sie das Suchfeld in der Sidebar. Findet Nodes nach Name oder Typ.
Blenden Sie Layers ein/aus, um sich auf bestimmte Bereiche zu konzentrieren. Ideal bei großen Graphen.
Drücken Sie Home oder den Reset-Button, um zur Gesamtansicht zurückzukehren.
Klick auf einen Node zeigt Details in der Sidebar: Typ, Beschreibung, verbundene Nodes und Code-Referenzen.
Der Graph kann als PNG oder SVG exportiert werden — perfekt für Präsentationen oder Dokumentation.
Pro-Tipp: Starten Sie mit einer Tour, um die Architektur zu verstehen. Danach nutzen Sie die Filter, um gezielt einzelne Bereiche zu erkunden.