Architekturdiagramme generieren
Teams benötigen klare technische Diagramme, die Systeme, Netzwerke und Cloud-Dienste darstellen. Diese Skill leitet KI-Tools dabei an, dunkle eigenständige HTML-Diagramme mit Inline-SVG zu erstellen.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "architecture-diagram" from https://skillstore.io/skills/cocoon-ai-architecture-diagram.md and its manifest at https://skillstore.io/api/skills/cocoon-ai-architecture-diagram/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„architecture-diagram“ wird verwendet. Eine SaaS-App mit Browser-Benutzern, React-Frontend, API-Dienst, Redis-Cache, PostgreSQL und einem Auth-Anbieter.
Erwartetes Ergebnis:
Eine dunkle HTML-Architekturseite, die Benutzer, Frontend, Backend-Dienste, Cache, Datenbank, Auth-Fluss, Verbindungsbeschriftungen und Zusammenfassungskarten zeigt.
„architecture-diagram“ wird verwendet. Eine statische AWS-Site mit CloudFront, S3-Buckets, API Gateway, Lambda-Funktionen und DynamoDB.
Erwartetes Ergebnis:
Ein Cloud-Diagramm mit einer AWS-Regionsgrenze, Dienstboxen, Pfeilen für Anfragepfade, Speicheranmerkungen und Bereitstellungshinweisen.
„architecture-diagram“ wird verwendet. Eine Kubernetes-Plattform mit Ingress, Diensten, Workern, Event-Bus, Datenbank und externem Monitoring.
Erwartetes Ergebnis:
Ein strukturiertes Plattformdiagramm mit Clustergrenzen, Message-Bus-Platzierung, Dienstgruppen, Monitoring-Links und einer externen Legende.
Most static findings are false positives caused by markdown inline code, SVG examples, CSS colors, and diagram wording. The only confirmed issue is the Google Fonts dependency in SKILL.md and assets/template.html, which can trigger external network requests. No prompt injection, data exfiltration intent, or executable command behavior was found.
Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/cocoon-ai-architecture-diagram/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cocoon-ai-architecture-diagram?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cocoon-ai-architecture-diagram?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cocoon-ai-architecture-diagram/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cocoon-ai-architecture-diagram.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Cocoon-AI. (2026). architecture-diagram security audit report (audit version 10) [Author version 1.0]. Skillstore. https://skillstore.io/skills/cocoon-ai-architecture-diagram/audits/10@techreport{cocoon-ai-cocoon-ai-architecture-diagram-2026,
author = {Cocoon-AI},
title = {architecture-diagram security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/cocoon-ai-architecture-diagram/audits/10},
note = {Author version 1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "architecture-diagram security audit report (audit version 10)"
version: "1.0"
type: report
authors:
- name: "Cocoon-AI"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/cocoon-ai-architecture-diagram/audits/10"
identifiers:
- type: other
value: "skillstore:cocoon-ai-architecture-diagram:audit:10"
description: "Skillstore immutable audit report identifier"
Erstelle ein klares Diagramm für Dienste, Datenbanken, Clients und die wichtigsten Datenflüsse in einem Softwareprodukt.
Zeige Regionen, Sicherheitsgruppen, Load Balancer, Speicher und Dienstgrenzen für eine Cloud-Bereitstellung.
Bilde Authentifizierungspfade, geschützte Ressourcen und Netzwerk-Vertrauensgrenzen vor einem Design-Review ab.
Erstelle ein Architekturdiagramm für eine Web-App mit Benutzern, einem Frontend, einem API-Dienst und einer PostgreSQL-Datenbank.
Erstelle ein eigenständiges HTML-Architekturdiagramm für eine AWS-Bereitstellung mit CloudFront, S3, einem Application Load Balancer, API-Servern und RDS.
Erstelle ein sicherheitsfokussiertes Architekturdiagramm, das OAuth-Login, JWT-Validierung, TLS-Pfade, Sicherheitsgruppen, private Dienste und Datenbankzugriff zeigt.
Überarbeite diesen Architekturdiagrammplan, um Überlappungen zu entfernen, Legenden außerhalb von Grenzen zu platzieren, zusammengehörige Dienste zu gruppieren und jede Verbindung klar zu beschriften.
Autor
Cocoon-AILizenz
MIT
Autorenversion
v1.0
Skillstore-Revision
r1
Versionshinweis
Die vom Autor angegebene Version ist kein gültiges SemVer.
Repository
https://github.com/Cocoon-AI/architecture-diagram-generator/tree/main/architecture-diagram/Ref.
0519034dad657fb1f7706e0550e962beeda73fdf
Aktualität der Wartung
22.7.2026
Nutzung
29 Downloads · 324 Aufrufe
Dateistruktur
C4-Architekturdiagramme erstellen
von Consiliency
Architekturdokumentation vermischt häufig Detailebenen und verwirrt Stakeholder. Diese Skill unterstützt C4-Diagramme mit Mermaid-Syntax, Ebenenregeln und Review-Prüfungen.
Create Mermaid Diagrams and Design Documents
von spillwavesolutions
Complex systems are difficult to explain consistently. This skill creates structured Mermaid diagrams and design documents from requirements, source code, and configuration.
Wartbare Code-Dokumentation erstellen
von sickn33
Manuelle Dokumentation bleibt oft hinter aktivem Code zurück. Diese Skill hilft Claude, Codex und Claude Code dabei, klare Dokumente und Automatisierungspläne zu erstellen.
YAML-Architekturdiagramme erstellen
von 7nohe
Architekturteams benötigen Diagramm-YAML, das konsistent, gültig und leicht zu warten ist. Dieser Skill bietet Schemas, Layoutregeln, Beispiele und Hilfestellung zur Fehlerbehebung für die Diagrammerstellung.
Systemdokumentation erstellen
von sickn33
Komplexe Codebasen sind schwer zu erklären, wenn Architekturwissen im Quellbaum verborgen bleibt. Diese Skill leitet Claude, Codex und Claude Code dabei an, strukturierte technische Handbücher aus realen Implementierungsdetails zu erstellen.
Codebasen mit strukturierten Übersichten analysieren
von nexteacc
Unbekannte Repositorys verlangsamen Onboarding, Reviews und Dokumentationsarbeit. Dieser Skill führt Claude, Codex und Claude Code durch eine strukturierte Architekturanalyse.