Agent Skills für Architekturdiagramm
Architecture-Diagramm-Skills liefern ein Ergebnis: ein Diagramm eines Systems auf einer gewählten Zoomstufe. Die Zoomstufen sind hier die Sub-Themen. System Context zeigt das System als eine Box unter Menschen und anderen Systemen. Containers zeigen die separat lauffähigen Teile: Apps, Datenbanken, Queues. Components zeigen das Innere eines Containers, seine Hauptmodule und deren Verantwortlichkeiten. Code-level-Diagramme zoomen nur dann in die Struktur, wenn eine Komponente wirklich komplex ist. Runtime- und Sequenzdiagramme zeigen, wie eine Anfrage oder ein Event tatsächlich durch die Teile wandert. Deployment-Diagramme zeigen, wo diese Teile laufen: Regionen, Cluster, Netzwerke. Nutze die Rangliste, indem du zuerst die benötigte Zoomstufe wählst und dann die dazu passende Skill. Wenn du mehr als eine Stufe brauchst, rechne damit, mehr als eine Skill zu verwenden.
8 zum Start22 beste Optionen
Hier anfangen.
Architecture diagrams work at zoom levels: the system in its world, the running pieces, the internals of one piece, then how they talk and where they deploy.
Dies sind die relevantesten Ergebnisse. Öffne einen Skill, lies die Anleitung und prüfe die Eignung.
- Rang 01Agent Skill ansehenDirekt
archify
BeachtenswertErstellt ausgefeilte, validierte Architektur-, Workflow-, Sequenz-, Datenfluss- und Lifecycle-/State-Diagramme als erkundbare eigenständige HTML mit Inline-SVG, Dark/Light-Themes, optionaler Trace-Bewegung und PNG/JPEG/WebP/SVG/WebM-Export. Akzeptiert Anforderungen in Alltagssprache oder eingefügte Mermaid-flowchart-, sequenceDiagram- und stateDiagram-Eingaben; prüft Repository-Belege, wenn das Diagramm echten Code widerspiegeln muss. Verwende dies, wenn der Nutzer Systemarchitektur, Infrastruktur-, Cloud-/Sicherheits-/Netzwerktopologie, technische Workflows, API-Aufrufsequenzen, Request-Lifecycles, Datenpipelines, ETL/ELT, Datenherkunft, Zustandsmaschinen visualisieren oder Mermaid konvertieren/verschönern möchte.
- Rang 02Agent Skill ansehenDirekt
drawio-skill
BeachtenswertErstellen, bearbeiten, synchronisieren, prüfen, testen und veröffentlichen bearbeitbarer draw.io-Diagramme. Verwenden, wenn der Nutzer ausdrücklich draw.io/diagrams.net anfordert, ein ausgefeiltes Architektur-, ERD-, UML-, Sequenz-, C4-, SysML-, BPMN-, Netzwerk-, Swimlane-, ML- oder Infrastrukturdiagramm benötigt, Code/IaC/SQL/OpenAPI in ein Diagramm umwandeln möchte oder ein vorhandenes Diagramm abfragen, prüfen, diffen, umgestalten, synchron halten oder interaktiv machen möchte. Andernfalls Mermaid/PlantUML bevorzugen, wenn das angeforderte Artefakt Diagrams-as-Code statt einer bearbeitbaren draw.io-Datei ist.
- Rang 03Agent Skill ansehenDirekt
drawio
Erstellt, bearbeitet und exportiert draw.io-Diagramme über einen YAML-first-Offline-Workflow für Architektur, Netzwerktopologien, Flussdiagramme, UML/ER und Mermaid/CSV-Konvertierung.
8.191 · Beliebtheit - Rang 04Agent Skill ansehenDirekt
diagram-design
BeachtenswertErstellt gebrandete Architektur-, IT-Current-State-, Flussdiagramm-, Sequenz-, Zustandsmaschinen-, ER-/Datenmodell-, Timeline-, Swimlane-, Quadranten-, Radar-/Spider-, Polar-Chart- (Polar/Radial Lollipop), Loop-/Flywheel-, verschachtelte, Baum-, Organigramm-, Layer-Stack-, Venn-, Pyramiden-/Funnel-, Treemap-, Balken-, Wasserfall-, Linien-, Gantt- und Streudiagramme sowie High-Level-, Prozess-, Medallion-, Datenfluss-, DP-Integrations-, DP-Sicherheitsmatrix-, Sankey-, Fishbone-, Wardley-Map-, Kanban-, User-Journey-, Deployment-, Abhängigkeitsgraph-, UML-Klassen-, Story-Map- oder Datenbankschema-Diagramme als eigenständiges HTML/SVG/PNG. Zeichnet .drawio/.drawio.png/.drawio.svg-, Mermaid-.mmd- oder Excalidraw-.excalidraw-Quellen in gewählter Größe/Detaillierung neu; übernimmt Brand-Tokens von einer Website; fügt semantische Muster, Callouts, barrierefreie Bewegung oder skizzenhaftes/handgezeichnetes Styling hinzu.
- Rang 05Agent Skill ansehenDirekt
baoyu-diagram
Erstellt professionelle dunkle SVG-Diagramme aller Art, darunter Architektur, Flussdiagramm, Sequenz, Struktur, Mindmap und Datenfluss, als eigenständige SVG-Dateien.
14.820 · Beliebtheit - Rang 06Agent Skill ansehenDirekt
azure-resource-visualizer
OffiziellAnalysiert Azure-Ressourcengruppen und erzeugt detaillierte Mermaid-Architekturdiagramme, die die Beziehungen zwischen einzelnen Ressourcen zeigen. WANN: create architecture diagram, visualize Azure resources, show resource relationships, generate Mermaid diagram, analyze resource group, diagram my resources, architecture visualization, resource topology, map Azure infrastructure.
- Rang 07Agent Skill ansehenDirekt
design-doc-mermaid
Erstellt Mermaid-Diagramme (Flowchart, Sequence, Class, ER, State, C4, Architecture) aus Text oder Quellcode, mit Leitfäden für Architektur- und Deployment-Diagramme.
66.434 · Beliebtheit - Rang 08Agent Skill ansehenDirekt
excalidraw-diagram
Erstellt Excalidraw-Diagramm-JSON-Dateien, die visuelle Argumente transportieren, zur Visualisierung von Workflows, Architekturen und Konzepten.
8.236 · Beliebtheit
14 weitere Agent Skills anzeigen
- Rang 09Agent Skill ansehenDirekt
google-cloud-solution-architecture
Offiziell>- Entdeckt interaktiv Anforderungen und entwirft ganzheitliche Multi-Produkt-Systemarchitekturen, Lösungsblueprints und Bereitstellungsempfehlungen für komplexe Workloads auf Google Cloud. Verwenden beim Entwerfen von End-to-End-Cloud-Lösungen, Auswählen und Integrieren von Google Cloud-Diensten, Erstellen von Architekturdiagrammen oder Durchführen von Anforderungsermittlung für neue Cloud-Workloads oder Migrationen. Nicht verwenden für Einzelprodukt-Aufgaben (produktspezifische Skills verwenden), initiales Onboarding oder Authentifizierung (google-cloud-recipe-* verwenden), Well-Architected Framework-Reviews oder -Audits (google-cloud-waf-* verwenden) oder Workloads, die von spezialisierten Lösungsskills abgedeckt werden.
- Rang 10Agent Skill ansehenDirekt
excalidraw-diagram-generator
Erzeugt Excalidraw-Diagramme aus natürlicher Sprache und unterstützt Flussdiagramme, Beziehungsdiagramme, Mindmaps und Systemarchitektur-Diagramme als .excalidraw JSON.
30.850 · Beliebtheit - Rang 11Agent Skill ansehenDirekt
architecture-designer
Entwirft High-Level-Systemarchitektur, erstellt Architekturdiagramme (Mermaid), schreibt ADRs und bewertet Technologie-Trade-offs.
7.237 · Beliebtheit - Rang 12Agent Skill ansehenDirekt
architecture-blueprint-generator
Analysiert Codebasen, um Architektur-Dokumentation mit visuellen Diagrammen (C4, UML, Flow, Komponente) zu erstellen, und erkennt Tech-Stacks und Muster.
12.083 · Beliebtheit - Rang 13Agent Skill ansehenDirekt
plantuml-ascii
Generiert ASCII-Art-Diagramme im PlantUML-Textmodus, unterstützt Sequenz-, Klassen-, Komponenten-, Deployment- und Aktivitätsdiagramme.
9.676 · Beliebtheit - Rang 14Agent Skill ansehenDirekt
external-diagram-mermaid-generate
Erzeugt Salesforce-Architekturdiagramme mit Mermaid und ASCII-Fallback, einschließlich OAuth-Flows, ERDs, Integrationssequenzen und Systemlandschaften.
5.326 · Beliebtheit - Rang 15Agent Skill ansehenMöglich
diagramming-processes
Diagrammiert Geschäftsprozesse, Workflows, Lebenszyklen und Systeminteraktionen mit Diagrams-as-Source in ArchiMate- und PlantUML-Notation.
12.136 · Beliebtheit - Rang 16Agent Skill ansehenMöglich
agentforce-architecture-analyze
Erzeugt aus Design-Time-Metadaten ein menschenlesbares Architektur-Dokument und einen Mermaid-Aufrufgraphen für einen Agentforce-Agent.
5.613 · Beliebtheit - Rang 17Agent Skill ansehenMöglich
technology-stack-blueprint-generator
Analysiert Codebasen und erstellt Technologie-Stack-Blueprints mit Versionsinfos, Mustern und optionalen Architekturdiagrammen.
8.999 · Beliebtheit - Rang 18Agent Skill ansehenMöglich
google-cloud-solution-rag-enterprise-search-gke-sqldb
Offiziell>- Ermittelt Anforderungen und erzeugt Architektur-, Design- und Deployment-Leitlinien für ein RAG-fähiges (Retrieval-Augmented Generation) Enterprise-Suchsystem in Google Cloud. Verwenden, wenn Nutzer eine vektorfähige SQL-Datenbank als Speicher und Index für die Embedding-Vektoren, ein offenes Modell und ein Open-Source-Inferenzframework sowie Kubernetes-Container zum Hosten aller Anwendungskomponenten benötigen. Diese Skill NICHT für vollständig verwaltetes RAG, SaaS-Suchdienste oder wenn eine Nicht-SQL-Vektordatenbank erforderlich ist verwenden.
- Rang 19Agent Skill ansehenMöglich
show-me
Hilft Nutzern, Themen visuell mit prägnanten Diagrammen, Code-Shape-Skizzen und fokussierten HTML-Artefakten einschließlich Mermaid zu verstehen.
26.900 · Beliebtheit - Rang 20Agent Skill ansehenMöglich
wiki-page-writer
OffiziellErzeugt umfangreiche technische Dokumentationsseiten mit Dark-Mode-Mermaid-Diagrammen, Quellcode-Zitaten und First-Principles-Tiefe. Verwenden beim Schreiben von Dokumentation, Erstellen von Wiki-Seiten, Verfassen technischer Deep-Dives oder Dokumentieren bestimmter Komponenten oder Systeme.
- Rang 21Agent Skill ansehenMöglich
lavish
Verwandelt komplexe Agent-Antworten in umfangreiche, reviewbare HTML-Artefakte einschließlich Diagrammen und Tabellen.
20.620 · Beliebtheit - Rang 22Agent Skill ansehenMöglich
manim-video
Erstellt animierte Manim-Erklärvideos für technische Konzepte, Graphen und Systemdiagramme.
8.094 · Beliebtheit
Was dieses Thema umfasst
Jedes Unterthema bündelt Agent Skills für eine bestimmte Situation.
- System context
- The system as one box among people and other systems.
- Containers
- The separately runnable pieces: apps, databases, queues.
- Components
- The internals of one container: major modules and their responsibilities.
- Code-level
- Zoomed-in structure used only when a component is genuinely complex.
- Runtime & sequence
- How a request or event actually moves through the pieces.
- Deployment
- Where those pieces run: regions, clusters, networks.
Häufige Fragen
- Mit welcher Zoomstufe sollte ich beginnen?
- Beginne beim Systemkontext, wo das System eine Box unter Menschen und anderen Systemen ist. Gehe runter zu Containern, dann Komponenten, und gehe erst auf Code-Ebene, wenn eine Komponente wirklich komplex ist. Runtime- sowie Sequence- und Deployment-Diagramme beantworten unterschiedliche Fragen: wie sich Dinge bewegen und wo sie laufen.
- Wie ist diese Liste geordnet?
- Die Liste ist nach beobachteter Suchnachfrage geordnet, mit direkten Treffern zum Thema zuerst und einer Obergrenze pro Publisher. Das hält die Spitze der Liste an dem ausgerichtet, wonach Entwickler tatsächlich suchen.
- Kann ein Skill mehrere Zoom-Stufen abdecken?
- Die Unterthemen sind unterschiedliche Zoomstufen, und eine Skill wird gegen die Stufe gelistet, zu der sie passt. Wenn deine Arbeit Kontext, Container und Deployment umspannt, plane eine Skill pro Stufe ein statt einer Skill für alles.
- Brauche ich für jeden Container und jede Komponente ein Diagramm?
- Nein. Container decken die separat ausführbaren Teile ab, und Components decken die Interna eines Containers ab. Diagramme auf Code-Ebene sind nur für Components gedacht, die wirklich komplex sind, überspringe sie also dort, wo die Struktur offensichtlich ist.
Agent Skill installieren
Agent Skills sind SKILL.md-Dateien. Die meisten Agenten erkennen sie, sobald sie im richtigen Skills-Verzeichnis liegen:
- Claude Code — copy the SKILL.md for archify into ~/.claude/skills/archify/ for yourself, or .claude/skills/archify/ to share it with a project.
- From the registry — run npx skills add tt-a1i/archify@archify.
- Or download archify from its source and place that SKILL.md in the directory above.
Wie auswählen Prüfe Quelle und Anleitung des Skills vor der Installation. Die Labels Official und Notable beschreiben die Herkunft eines Skills.