Drawio Ai Kit
Teach your AI to draw correct, beautiful draw.io diagrams — declarative layout engine, ground-truth stencils, structural validator, vision self-check. AWS · Azure · GCP · Databricks · BPMN. Zero dependencies.
Asset-Profil
Design und kreative Produktion
Design assets, images, video, audio, multimodal media, presentation, and creative production skills.
Szenario
Design und Kreativität
I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Agent-Fit
Claude Code + CLI + Codex
Geeignet für Codex, Claude Code, Cursor, CLI oder benutzerdefinierte Agents.
Installieren
Bereit
npx skills add sparklabx/drawio-ai-kit
Wartung
Aktuell
16 Tage seit dem letzten Push
Risiko
Sicher zu testen
No major risk signals from available metadata
GitHub-Qualität
620
100/100 Qualität · 88/100 Vertrauen
Abdeckungs-Tags
Review-Notizen
No major risk signals from available metadata
Agent-Adoptionskarte
Vertrauen, Audit und Installationsbereitschaft auf einen Blick
Diese Werte kombinieren öffentliche Repository-Metadaten, OpenAgentSkill-Reviewsignale, Wartungsaktualität und Installationsbereitschaft. Sie helfen bei der Vorauswahl, ersetzen aber keine menschliche Prüfung.
Qualität
AusgezeichnetHigh-confidence pick with strong adoption and healthy maintenance signals.
Vertrauen
Vor Installation prüfenGutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.
Audit
Sicher zu testenMaschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
OpenAgentSkill Trust Score v5
Agent-Installationskandidat
Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.
Stars
620 GitHub-Stars
Repository-Aktivität
620 Stars und 108 Forks
Wartung
16 Tage seit dem letzten Push
Lizenz
MIT
Installieren
npx skills add sparklabx/drawio-ai-kit
Installationssicherheit
Standard-Paket- oder Laufzeit-Installationspfad
Berechtigungsfläche
Shell- oder Befehlsausführung
Agent-Ergebnisse
Noch keine Agent-Ergebnisdaten
Dokumentation
Starker README/SKILL.md-Kontext
Risikoübersicht
Niedriges Metadatenrisiko
- No major trust warnings detected from available metadata
Installationsbereitschaft
Installationspfad verfügbar
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Lizenz ist angegeben
- Noch keine Agent-Proven-Ergebnisbelege
Agent-lesbare Metadaten
Maschinenlesbare Entscheidungsdaten für diesen Skill.
Nutze diesen Block oder das eingebettete JSON, um zu entscheiden, ob ein Agent diesen Skill installieren, eine Alternative wählen oder zuerst menschliche Prüfung anfordern soll.
Geeignete Aufgaben
- Research-Agent-Workflows
- Claude-Code-Teams
- Teams, die GitHub-Adoptionssignale schätzen
- Suchquellen
Geeignete Agents
Installationsentscheidung
- Befehl
- npx skills add sparklabx/drawio-ai-kit
- Richtlinie
- Prüfen
- Menschliche Prüfung
- Ja
Vertrauen und Risiko
- Vertrauen
- 85/100
- Audit
- 93/100
- Risikoebene
- Sicher zu testen
Ergebnis-Loop
- Endpoint
- /api/agent/outcome
- Event-ID
- resolve
- Ergebnisse
- 5
Installationsbefehl
npx skills add sparklabx/drawio-ai-kitNicht verwenden, wenn
- Teams, die ein vom Anbieter unterstütztes SLA benötigen
- Hochregulierte Umgebungen ohne interne Sicherheitsprüfung
- No major risk signals from current metadata
- Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
- No major trust warnings detected from available metadata
Alternative
Frontend Design
170.9K Stars
npx skills add anthropics/skills --skill frontend-design
Alternative
Taste Skill: Anti-Slop Frontend
79.0K Stars
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
Alternative
Canvas Design
170.9K Stars
npx skills add anthropics/skills --skill canvas-design
Alternative
Anthropic Brand Guidelines
170.9K Stars
npx skills add anthropics/skills --skill brand-guidelines
Agent-Sicherheit v2
69/100 · Vor Installation prüfen
Nutzbarer Kandidat, aber der Agent sollte Berechtigungs- und Auditnotizen vor der Installation anzeigen.
Vor der Installation in einem echten Arbeitsbereich ist menschliche Freigabe erforderlich.
Hoch
Shell- oder Befehlsausführung
Die Skill-Metadaten verweisen auf Terminal-, CLI-, Shell-, Subprozess- oder Befehlsausführungs-Workflows.
Mittel
Netzwerkzugriff
Die Skill ruft wahrscheinlich Remote-Seiten, APIs, Repositories oder externe Dienste ab.
- Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
Installationsziele
Diesen Skill im Agent-Workflow installieren
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
OpenAgentSkill CLI
Resolve policy, run the source installer safely, and report a verified install receipt.
$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install sparklabx-drawio-ai-kitAgent-Auflösungsplan
Lass einen Agent die Eignung vor der Installation prüfen.
Die Resolve API liefert die beste Skill, Alternativen, Sicherheitsrichtlinien, Auditnotizen, Installationsziel und einen direkt nutzbaren Prompt.
JSON öffnen
/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve-Text
/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Installationsübergabe
/api/skills/sparklabx-drawio-ai-kit/install
Agent sollte prüfen
- Task fit and alternatives from Resolve API.
- Audit score, trust score, and safety policy warnings.
- Install target compatibility for Codex, Claude Code, Cursor, or CLI.
Prompt kopieren
Task: Use Drawio Ai Kit in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/sparklabx-drawio-ai-kit/install
Install command: npx skills add sparklabx/drawio-ai-kit
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent-Übergabe
Gib dem Agent den Installationspfad, nicht noch ein Verzeichnis.
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
Installationsübergabe
/api/skills/sparklabx-drawio-ai-kit/install
LLM-Textformat
/api/skills/sparklabx-drawio-ai-kit/install?format=text
Alternativen finden
/api/skills/search?q=Drawio%20Ai%20Kit&limit=3
Agent-Prompt
Use Drawio Ai Kit for this task. Review https://www.openagentskill.com/api/skills/sparklabx-drawio-ai-kit/install, then install with: npx skills add sparklabx/drawio-ai-kitRegistry-Metadaten
Agent-lesbares Profil für die automatische Skill-Auswahl.
Die Registry API stellt Entscheidungs-, Vertrauens-, Audit-, Use-Case- und Installationssignale ohne UI-Scraping bereit.
Manifest
/api/registry/manifest/sparklabx-drawio-ai-kit
LLM-Text
/api/registry/manifest/sparklabx-drawio-ai-kit?format=text
Installationsalias
/api/registry/install/sparklabx-drawio-ai-kit
Empfehlen
/api/registry/recommend?task=Use%20Drawio%20Ai%20Kit%20in%20an%20agent%20workflow&limit=3
Agent-Fit
Recherche-Agents
Plattformen
JavaScript, Claude Code
Audit-Bericht
Sicher zu testen · 93/100
Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
Agent-Entscheidungspanel
Primäre Wahl für Recherche-Agents
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Rolle im Stack
Primäre Wahl
Primäre Eignung
Recherche-Agents
Vertrauenslabel
Produktionsbereit
Installationspfad
Befehl bereit
Verwenden wenn
- Research-Agent-Workflows
- Claude-Code-Teams
- Teams, die GitHub-Adoptionssignale schätzen
Evidenz
- 620 GitHub-Stars
- recent repository activity
- install command or GitHub repo available
- Qualitätsprofil 100/100
- 12 OpenAgentSkill-Interaktionen
zuerst prüfen
- No major risk signals from current metadata
Implementierungspfad
- 1Installieren Sie es in einem Sandbox-Agent und führen Sie eine Recherche-Agents-Aufgabe vollständig aus.
- 2Compare output quality, latency, and failure behavior against at least one alternative.
- 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.
Vertrauensprofil
Vor Installation prüfen
Gutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.
GitHub-Akzeptanz
Info620 GitHub-Stars
Star-/Fork-Aktivität
Info620 Stars und 108 Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbar
Aktuelle Wartung
Bestanden16 Tage seit dem letzten Push
Lizenzklarheit
BestandenMIT
Positive Signale
- Manuell verifizierte Auflistung
- KI-Prüfung genehmigt
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Kürzlich gewartetes Repository
- Aussagekräftiges GitHub-Adoptionssignal
- Der Installationsbefehl weist kein offensichtliches Hochrisikomuster auf
- Ergebniszyklus ist bereit, benötigt aber den ersten echten Agent-Lauf
Vor Installation prüfen
- Noch keine echten Agent-Ergebnisberichte
- Vor unbeaufsichtigter Installation ist menschliche Prüfung erforderlich
Empfohlene Aktion
Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.
Qualitätsprofil
Ausgezeichnet Kandidat für Agent-Workflows
High-confidence pick with strong adoption and healthy maintenance signals.
Workflow-Eignung
Diese Skill in diesen Szenarien nutzen
Investigate faster
Research agents
I need my agent to research a topic, compare sources, and produce a concise report.
Create assets
Design and creative
I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Reduce risk
Security and compliance
I need my agent to scan a project for security risks and summarize what needs attention.
Workflow-Eignung
Zum vollständigen Workflow hinzufügen
Find, compare, and synthesize
Research report agent
A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.
Design, build, test, and ship interfaces
Frontend and UI
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Operate and verify web apps
Browser QA agent
A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.
Alternativen-Shortlist
Vor Installation vergleichen
Similar skills that may fit this task.
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Taste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Canvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
Anthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
Übersicht
<p align="center"> <img src="docs/logo.png" width="150" alt="drawio-ai-kit logo" valign="middle"> <img src="docs/wordmark.svg" width="360" alt="drawio-ai-kit — the AI draws, the kit makes it right" valign="middle"> </p>
<p align="center"> <img src="https://img.shields.io/badge/version-1.0.2-22D3EE?style=flat-square" alt="Version 1.0.2"> <img src="https://img.shields.io/badge/dependencies-0-2BB3A3?style=flat-square" alt="Dependencies: 0"> <img src="https://img.shields.io/badge/skills-5-5AA9FF?style=flat-square" alt="5 domain skills"> <img src="https://img.shields.io/badge/node-%E2%89%A518-B98CF0?style=flat-square" alt="Node ≥18"> <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-F59E0B?style=flat-square" alt="License: MIT"></a> <a href="CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-ff69b4?style=flat-square" alt="PRs welcome"></a> </p>
An orchestration and validation framework enabling AI agents to generate **structurally precise and aesthetically standardized** draw.io diagrams, optimized for AWS, Azure & GCP architectures.
It mitigates common AI agent hallucinations (such as generating non-existent stencil IDs that result in empty shapes) using three key components:
1. **Declarative Catalog** — A single source of truth mapping draw.io stencil IDs (`mxgraph.aws4.*`) to their respective taxonomies and canonical color palettes. 2. **Design Principles** — Codified architectural and layout rules (`rules/principles.md`). 3. **Structural Validator** — A static analysis engine that audits diagram XML to guarantee stencil references are valid and design principles are satisfied prior to serialization.
Exposed to the AI via the **zero-dependency `drawio-ai` CLI**.
## Showcase
One diagram per platform — all generated end-to-end by the kit: no hand-placed coordinates, real stencils, validated, vision-checked. Full set in [`examples/`](examples/).
<p align="center"><img src="docs/gallery.png" width="
Plattformkompatibilität
Technische Details
- Version
- 1.0.0
- Lizenz
- MIT
- Letzte Aktualisierung
- 18. Aug. 2026
- Veröffentlicht
- 6. Aug. 2026
Frameworks & Tools
Entscheidungsübersicht
Primäre Wahl
620 GitHub-Stars
Audit
Installationsprüfung
Installations- und Adoptionsprüfung
- Sicherheit
- 86/100
- Wartung
- 100/100
- Installieren
- 92/100
Von Agent belegte Evidenz
Von Agent belegte Evidenz
Ergebnisberichte nach Resolve, Prüfung, Installation und einem begrenzten Lauf.
- Erfolgsrate
- —
- Letzter Fehler
- —
- Ergebnisse
- 0
- Ausgabequalität
- —
- Fehlgeschlagen
- 0
- Nicht relevant
- 0
- Installationen
- 0
- Durch Risiko blockiert
- 0
- Einrichtung erforderlich
- 0
- Produktion
- 0
Noch keine Agent-Ergebnisdaten. Der erste Lauf kann Erfolg, Einrichtungsbedarf, Risikoblockaden, Fehler oder Irrelevanz über /api/agent/outcome melden.
Installieren
Zum Agent-Workflow hinzufügen
Kostenlos und Open Source. Bericht vor der Installation in Produktions-Agents prüfen.
Wachstums-Loop
Share-Kit
Szenariobasierter Entwurf für Drawio Ai Kit, bereit für einen manuellen X-Post.
A practical pick for design or creative work: Drawio Ai Kit: A reusable skill kit for AI agents to generate structurally precise and aesthetically standardized draw.io diagrams across... 620 stars https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit?ref=x
Optionale Antwort mit Installationsbefehl
Listing + install path for Drawio Ai Kit: https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit?ref=x Install: npx skills add sparklabx/drawio-ai-kit
Quelle des Eintrags
Community-indexiert
Dieser Eintrag wurde aus öffentlichen Quellen indexiert und ist erst nach Genehmigung eines Maintainer-Anspruchs offiziell.
- Ersteller
- sparklabx
- Quelle
- sparklabx/drawio-ai-kit
- Indexiert von
- OpenAgentSkill Community-Index
Die Zuordnung verlinkt auf das öffentliche Repository oder Creator-Profil. Creator können den Eintrag beanspruchen, um Eigentümersignale zu aktualisieren.
Diesen Skill beanspruchenEigentümeranspruch
Diesen Skill-Eintrag beanspruchen
Dieser Community-indexiert-Eintrag wird sparklabx zugeschrieben, ist aber noch nicht offiziell markiert. Beanspruche ihn, um ein verifiziertes Eigentümersignal hinzuzufügen und künftige Launch-, Installations- und Audit-Updates vertrauenswürdiger zu machen.
Creator-Backlink-Kit
Evidenz-Badges in deine README einfügen
Zeige den kanonischen Eintrag, aktuelle Vertrauens- und Audit-Signale sowie echte Agent-Proven-Evidenz dort, wo Entwickler das Repository bewerten.
[](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
[](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
[](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit/audit)
[](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)Autor
sparklabx✓
@sparklabx
Plattform-Fit
Gesundheitssignale
- GitHub-Stars
- 620
- Qualitätswert
- 63/100
- Letzter GitHub-Push
- 6. Aug. 2026
- Framework-Hinweise
- 1
- OpenAgentSkill-Aufrufe
- 12
- Installationskopien
- 0
- Externe Klicks
- 0
Community-Signal
Teile mit, ob dieser Skill für deinen Agent-Workflow nützlich ist. Zusammengefasstes Feedback verbessert das Ranking im Laufe der Zeit.
Vertrauen & Sicherheit
Vor Installation prüfen
- GitHub-Akzeptanz620 GitHub-StarsInfo
- Star-/Fork-Aktivität620 Stars und 108 Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbarInfo
- Aktuelle Wartung16 Tage seit dem letzten PushBestanden
- LizenzklarheitMITBestanden
- README/SKILL.md-VollständigkeitMetadaten enthalten ausreichend Nutzungs- und Workflow-KontextBestanden
- Abhängigkeits-/LaufzeitrisikoBefehlsausführungsflächeInfo
Ähnliche Skills
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
170.9K StarsTaste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
79.0K StarsCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
170.9K StarsAnthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
170.9K Stars