Was macht Architekturdiagramm?
Erstelle polierte, dunkel gestaltete Architekturdiagramme als eigenständige HTML+SVG-Dateien. Verwende dies, wenn der Benutzer nach System-, Infrastruktur-, Cloud-, Sicherheits- oder Netzwerktopologiediagrammen fragt.
Verwendung
Dieses Skill wird über einen Befehl oder eine Anfrage in natürlicher Sprache ausgelöst. Der Benutzer beschreibt die Architektur, und das Skill generiert automatisch ein formatiertes Diagramm.
Funktionsweise
Das Skill analysiert die Benutzeranfrage und erstellt eine HTML-Datei, die ein SVG-Diagramm mit einem dunklen Farbschema enthält. Das Diagramm ist vollständig eigenständig und benötigt keine externen Bibliotheken oder Ressourcen.
Unterstützte Plattformen
- Claude Code
- Cursor
- GitHub Copilot
- Weitere KI-Agenten-Plattformen
Beispiele
- „Erstelle ein Architekturdiagramm für eine Microservices-Infrastruktur mit AWS-Diensten“
- „Zeichne ein Netzwerktopologiediagramm für ein Unternehmen mit drei Standorten“
- „Visualisiere eine Cloud-Sicherheitsarchitektur mit VPC, Subnetzen und Firewalls“
Technische Details
Die generierte Datei enthält:
- Eingebettetes CSS für das dunkle Design
- SVG-Diagramm mit Formen, Verbindungen und Text
- Keine externen Abhängigkeiten (alles in einer Datei)
- Responsives Layout für verschiedene Bildschirmgrößen