Erstellen Sie professionelle Diagramme mit KI
Diagram-design, entwickelt von Cathryn Lavery, umfasst 29 verschiedene redaktionelle Diagrammtypen, die für das durch künstliche Intelligenz unterstützte Codierungstool Claude Code vorbereitet wurden. Diese Bibliothek stellt komplexe Diagramme sauber direkt mithilfe von HTML und skalierbaren Vektorgrafiken (SVG) anstelle von Standard-Diagrammtools dar.
Aktualisierungen
- 26. Oktober 2026: Sterne 58,061 → 61,113.
- 19. Oktober 2026: Sterne 54,882 → 58,061.
- 14. Oktober 2026: Sterne 51,670 → 54,882.
- 12. Oktober 2026: Sterne 48,430 → 51,670.
Was es bringt
- Bietet 27 verschiedene Arten von Diagrammen zur redaktionellen Qualität
- Erstellt klare Grafiken mit HTML und SVG
- Erstellt schnell Designs, die zu Ihrer Markenidentität passen
Installation
git clone git@github.com:cathrynlavery/diagram-design.git ~/code/diagram-design
# Pi: register the checkout as a local package
pi install ~/code/diagram-design
# Claude Code: symlink the inner skill
ln -s ~/code/diagram-design/skills/diagram-design ~/.claude/skills/diagram-designWenn Sie nicht programmieren
Sagen Sie Claude Code oder einem anderen KI-Assistenten, den Sie verwenden, um die Architektur oder den Arbeitsablauf meines aktuellen Projekts zu analysieren. Bitten Sie es dann, ein sauberes HTML- und SVG-Diagramm zu erstellen, indem Sie aus den 27 verschiedenen visuellen Typen in der Diagrammdesign-Bibliothek dasjenige auswählen, das am besten zu dem von mir erläuterten Thema passt. Geben Sie an, dass sich das Design auf meine Website bezieht, sodass es mit den Farben und der visuellen Sprache meiner Marke kompatibel ist.
Repository: https://github.com/cathrynlavery/diagram-design. Richte dich bei der Installation und Ausführung nach den offiziellen Anweisungen in der README-Datei dieses Repositorys.
Prüfe vor dem Start, unter welchem Betriebssystem wir arbeiten und ob die notwendigen Tools (z. B. Python, Node.js, Git, Docker) installiert sind. Installiere fehlende Tools schrittweise entsprechend diesem System.
Erstelle einen neuen, leeren Ordner für die Arbeit. Rühre keine Dateien außerhalb dieses Ordners an und lösche nichts. Sag mir vor jedem Befehl in einem Satz, was du tun wirst.
Sag mir, was ich am Ende jedes Schrittes auf dem Bildschirm sehen sollte. Wenn ein Fehler auftritt, füge ich die Fehlermeldung exakt so ein, wie sie ist, und wir beheben sie gemeinsam.
Verwandte Begriffe aus dem Glossar
Links
TreScout hat dieses Werkzeug nicht entwickelt · wir haben es in den GitHub-Trends gefunden und stellen es vor. Diese Seite beschreibt das Repository so, wie es am 2026-08-13 war: Die Anzahl der Sterne und unser Text stammen von diesem Tag, das Repository kann sich seitdem geändert haben. Den aktuellen Stand finden Sie über den Link zum Repository. Der Präsentationstext wurde mit KI aus der eigenen Dokumentation des Repositories erstellt und diese Seite wurde maschinell übersetzt aus dem türkischen Original · maßgeblich ist die türkische Fassung.