Star200+

Drawio Ai Kit

Kuat · 85
Diindeks komunitas

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.

Verified installs0
Star620
Versi1.0.0
Kualitas100/100 · Sangat baik
Kepercayaan85/100 · Tinjau sebelum memasang
Audit93/100 · Aman untuk dicoba

Profil aset

Desain dan produksi kreatif

Design assets, images, video, audio, multimodal media, presentation, and creative production skills.

Lihat kategori

Skenario

Desain dan kreatif

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Kecocokan Agent

Claude Code + CLI + Codex

Cocok untuk Codex, Claude Code, Cursor, CLI, atau Agent khusus.

Pasang

Siap

npx skills add sparklabx/drawio-ai-kit

Pemeliharaan

Terkini

16 hari sejak push

Risiko

Aman untuk dicoba

No major risk signals from available metadata

Kualitas GitHub

620

100/100 Kualitas · 88/100 Kepercayaan

Tag cakupan

DesainDesain dan kreatifDesain dan kreatifdrawiodiagram

Catatan ulasan

No major risk signals from available metadata

Kartu adopsi Agent

Kepercayaan, audit, dan kesiapan pemasangan dalam sekali lihat

Skor ini menggabungkan metadata repositori publik, sinyal ulasan OpenAgentSkill, kebaruan pemeliharaan, dan kesiapan pemasangan. Ini adalah sinyal shortlist, bukan pengganti peninjauan manusia.

Kualitas

Sangat baik
100

High-confidence pick with strong adoption and healthy maintenance signals.

Kepercayaan

Tinjau sebelum memasang
85

Sinyal shortlist yang baik, tetapi Agent harus meninjau catatan audit, kebijakan pemasangan, dan bukti hasil sebelum menjalankannya.

Audit

Aman untuk dicoba
93

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Trust Score OpenAgentSkill v5

Kandidat pemasangan Agent

Gunakan sebagai kandidat utama setelah tinjauan manusia atau sandbox.

JavaScriptCodexClaude CodeCursorOpenAgentSkill CLI

Star

620 star GitHub

Aktivitas repositori

620 star dan 108 fork

Pemeliharaan

16 hari sejak push

Lisensi

MIT

Pasang

npx skills add sparklabx/drawio-ai-kit

Keamanan pemasangan

Jalur pemasangan paket atau runtime standar

Cakupan izin

Eksekusi shell atau perintah

Hasil Agent

Belum ada data hasil Agent

Dokumentasi

Konteks README/SKILL.md kuat

Ringkasan risiko

Risiko metadata rendah

  • No major trust warnings detected from available metadata

Kesiapan pemasangan

Jalur pemasangan tersedia

  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Lisensi dinyatakan
  • Belum ada bukti hasil Agent-Proven

Metadata yang dapat dibaca Agent

Data keputusan yang dapat dibaca mesin untuk skill ini.

Gunakan blok ini atau JSON tersemat untuk memutuskan apakah Agent perlu memasang skill ini, memilih alternatif, atau meminta tinjauan manusia terlebih dahulu.

Buka JSON

Tugas yang sesuai

  • Alur kerja Agent riset
  • Tim Claude Code
  • Tim yang menghargai sinyal adopsi GitHub
  • Sumber pencarian

Agent yang sesuai

JavaScriptCodexClaude CodeCursorOpenAgentSkill CLICLI

Keputusan pemasangan

Perintah
npx skills add sparklabx/drawio-ai-kit
Kebijakan
Tinjau
Tinjauan manusia
Ya

Kepercayaan dan risiko

Kepercayaan
85/100
Audit
93/100
Tingkat risiko
Aman untuk dicoba

Lingkar hasil

Endpoint
/api/agent/outcome
ID event
resolve
Hasil
5

Perintah pemasangan

npx skills add sparklabx/drawio-ai-kit
Audit publikLaporan evaluasiAPI ResolveSerah-terima pemasangan

Jangan gunakan ketika

  • Tim yang membutuhkan SLA dengan dukungan vendor
  • Lingkungan berkompliansi tinggi tanpa tinjauan keamanan internal
  • No major risk signals from current metadata
  • Petunjuk izin berisiko tinggi: eksekusi shell atau perintah
  • No major trust warnings detected from available metadata

Skill alternatif

Frontend Design

170.9K Star

npx skills add anthropics/skills --skill frontend-design

Skill alternatif

Taste Skill: Anti-Slop Frontend

79.0K Star

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Skill alternatif

Canvas Design

170.9K Star

npx skills add anthropics/skills --skill canvas-design

Skill alternatif

Anthropic Brand Guidelines

170.9K Star

npx skills add anthropics/skills --skill brand-guidelines

Keamanan Agent v2

69/100 · Tinjau sebelum memasang

Ditinjau dengan catatan izinTinjau

Kandidat yang dapat digunakan, tetapi Agent harus menampilkan catatan izin dan audit sebelum memasang.

Memerlukan persetujuan manusia sebelum memasang ke workspace nyata.

Selesaikan via API

Tinggi

Eksekusi shell atau perintah

Metadata skill merujuk terminal, CLI, shell, subprocess, atau alur kerja eksekusi perintah.

Sedang

Akses jaringan

Skill kemungkinan mengambil halaman jarak jauh, API, repositori, atau layanan eksternal.

  • Petunjuk izin berisiko tinggi: eksekusi shell atau perintah

Target pemasangan

Pasang skill ini di alur Agent Anda

Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.

skill install

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-kit

Rencana resolusi Agent

Biarkan Agent memverifikasi kecocokan sebelum memasang.

API Resolve mengembalikan skill utama, alternatif, kebijakan keamanan, catatan audit, target pemasangan, dan prompt siap pakai.

Buka rencana teks

Buka JSON

/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Teks Resolve

/api/agent/resolve?task=Use%20Drawio%20Ai%20Kit%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Serah-terima pemasangan

/api/skills/sparklabx-drawio-ai-kit/install

Agent harus memeriksa

  • 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.

Salin prompt

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.

Serah-terima Agent

Berikan jalur pemasangan kepada Agent, bukan direktori lain.

Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.

Buka API pemasangan

Serah-terima pemasangan

/api/skills/sparklabx-drawio-ai-kit/install

Format teks LLM

/api/skills/sparklabx-drawio-ai-kit/install?format=text

Cari alternatif

/api/skills/search?q=Drawio%20Ai%20Kit&limit=3

Prompt Agent

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-kit

Metadata Registry

Profil yang dapat dibaca Agent untuk pemilihan skill otomatis.

API Registry menyediakan sinyal keputusan, kepercayaan, audit, use case, dan pemasangan tanpa mengikis UI.

Buka Manifest

Manifest

/api/registry/manifest/sparklabx-drawio-ai-kit

Teks LLM

/api/registry/manifest/sparklabx-drawio-ai-kit?format=text

Alias pemasangan

/api/registry/install/sparklabx-drawio-ai-kit

Rekomendasikan

/api/registry/recommend?task=Use%20Drawio%20Ai%20Kit%20in%20an%20agent%20workflow&limit=3

Kecocokan Agent

100/100

Agent riset

Tag use case

Agent risetDesain dan kreatifSecurity and compliance

Platform

JavaScript, Claude Code

Laporan audit

Aman untuk dicoba · 93/100

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Lihat laporan auditLihat laporan evaluasi

Panel keputusan Agent

Pilihan utama untuk Agent riset

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100
Kesiapan
Adopsi
Tahap

Peran di stack

Pilihan utama

Kecocokan utama

Agent riset

Label kepercayaan

Siap produksi

Jalur pemasangan

Perintah siap

Gunakan saat

  • Alur kerja Agent riset
  • Tim Claude Code
  • Tim yang menghargai sinyal adopsi GitHub

Bukti

  • 620 star GitHub
  • recent repository activity
  • install command or GitHub repo available
  • profil kualitas 100/100
  • 13 event interaksi OpenAgentSkill

tinjau dulu

  • No major risk signals from current metadata

Jalur implementasi

  1. 1Pasang di Agent sandbox dan jalankan satu tugas Agent riset dari awal hingga akhir.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Profil kepercayaan

Tinjau sebelum memasang

Sinyal shortlist yang baik, tetapi Agent harus meninjau catatan audit, kebijakan pemasangan, dan bukti hasil sebelum menjalankannya.

85
Trust Score OpenAgentSkill

Adopsi GitHub

Info

620 star GitHub

Aktivitas star/fork

Info

620 star dan 108 fork; aktivitas issue tidak tersedia dalam metadata saat ini

Pemeliharaan terbaru

Lulus

16 hari sejak push

Kejelasan lisensi

Lulus

MIT

Sinyal positif

  • Listing yang diverifikasi manual
  • Tinjauan AI disetujui
  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Repositori yang baru dipelihara
  • Sinyal adopsi GitHub yang bermakna
  • Perintah pemasangan tidak memiliki pola berisiko tinggi yang jelas
  • Loop hasil siap tetapi membutuhkan eksekusi Agent nyata pertama

Tinjau sebelum memasang

  • Belum ada laporan hasil Agent nyata
  • Tinjauan manusia diperlukan sebelum pemasangan tanpa pengawasan

Tindakan yang disarankan

Gunakan sebagai kandidat utama setelah tinjauan manusia atau sandbox.

Profil kualitas

Sangat baik kandidat untuk alur kerja Agent

High-confidence pick with strong adoption and healthy maintenance signals.

100
Star GitHub
620
Keterkinian
16 hari lalu
Siap dipasang
Ya
Lisensi
MIT

Kecocokan alur kerja

Gunakan skill ini pada skenario berikut

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.

Kecocokan alur kerja

Tambahkan ke alur kerja lengkap

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.

Daftar alternatif

Bandingkan sebelum memasang

Similar skills that may fit this task.

Bandingkan semua

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Adopsi
Siap100
Kualitas100
Star170.9K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Adopsi
Siap100
Kualitas100
Star79.0K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Adopsi
Siap100
Kualitas100
Star170.9K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Adopsi
Siap100
Kualitas100
Star170.9K

Ringkasan

<p align="center"> <img src="docs/logo.png" width="150" alt="drawio-ai-kit logo" valign="middle"> &nbsp;&nbsp; <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="

Kompatibilitas platform

javascriptFULL

Detail teknis

Versi
1.0.0
Lisensi
MIT
Pembaruan terakhir
18 Agu 2026
Diterbitkan
6 Agu 2026

Framework dan alat

JavaScript

Ringkasan keputusan

Pilihan utama

100
Siap
Adopsi
Tahap

620 star GitHub

Audit

Tinjauan pemasangan

Tinjauan pemasangan dan adopsi

93
Aman untuk dicoba
Keamanan
86/100
Pemeliharaan
100/100
Pasang
92/100
Buka audit lengkapLihat laporan evaluasi

Bukti tervalidasi Agent

Bukti tervalidasi Agent

Laporan hasil setelah resolve, tinjau, pasang, dan satu eksekusi terbatas.

0
Terbukti
Needs first agent runPasang otomatis: tinjau duluTerakhir: Tidak diketahui
Tingkat sukses
—
Kegagalan terbaru
—
Hasil
0
Kualitas output
—
Gagal
0
Tidak relevan
0
Pemasangan
0
Diblokir risiko
0
Perlu penyiapan
0
Produksi
0

Belum ada data hasil Agent. Eksekusi pertama dapat melaporkan keberhasilan, kebutuhan setup, blok risiko, kegagalan, atau tidak relevan melalui /api/agent/outcome.

Peringkat Agent-ProvenKontrak hasil

Pasang

Tambahkan ke alur Agent

Gratis dan sumber terbuka. Tinjau laporan sebelum memasang pada Agent produksi.

Bandingkan alternatifRencana resolusi otomatisLihat di GitHubDokumentasi

Siklus pertumbuhan

Kit berbagi

X

Draf berbasis skenario untuk Drawio Ai Kit, siap untuk posting manual di X.

Catatan kurator
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
Buka draf X
Balasan opsional dengan perintah pemasangan
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
Buka draf balasan

Sumber listing

Diindeks komunitas

Dapat diklaim

Listing ini diindeks dari sumber publik dan belum ditandai resmi hingga klaim pemelihara disetujui.

Kreator
sparklabx
Diindeks oleh
Indeks komunitas OpenAgentSkill

Atribusi menautkan ke repositori publik atau profil kreator. Kreator dapat mengklaim listing untuk memperbarui sinyal kepemilikan.

Klaim skill ini

Klaim pemilik

Klaim listing skill ini

Listing Diindeks komunitas ini dikaitkan dengan sparklabx, tetapi belum ditandai resmi. Klaim untuk menambahkan sinyal pemilik terverifikasi dan membuat pembaruan peluncuran, pemasangan, serta audit berikutnya lebih tepercaya.

Kit backlink kreator

Tambahkan badge bukti ke README Anda

Tampilkan listing kanonis, sinyal kepercayaan dan audit saat ini, serta bukti Agent-Proven nyata di tempat pengembang mengevaluasi repositori.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=listed&label=Listed)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=trust&label=Trust)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=audit&label=Audit)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/sparklabx-drawio-ai-kit?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/sparklabx-drawio-ai-kit)
Pratinjau badge Buka audit Kit kreator

Penulis

S

sparklabx✓

@sparklabx

Tag

drawiodiagramai-agentskillvalidation

Kecocokan platform

Claude Code

Sinyal kesehatan

Star GitHub
620
Skor kualitas
63/100
Push GitHub terakhir
6 Agu 2026
Petunjuk framework
1
Tampilan OpenAgentSkill
13
Salinan pemasangan
0
Klik keluar
0

Sinyal komunitas

Bagikan apakah skill ini bermanfaat untuk alur kerja Agent Anda. Masukan gabungan meningkatkan peringkat dari waktu ke waktu.

Kepercayaan & keamanan

Tinjau sebelum memasang

85
  • Adopsi GitHub620 star GitHubInfo
  • Aktivitas star/fork620 star dan 108 fork; aktivitas issue tidak tersedia dalam metadata saat iniInfo
  • Pemeliharaan terbaru16 hari sejak pushLulus
  • Kejelasan lisensiMITLulus
  • Kelengkapan README/SKILL.mdMetadata memuat konteks penggunaan dan alur kerja yang cukupLulus
  • Risiko dependensi/runtimeCakupan eksekusi perintahInfo

Skill terkait

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

170.9K Star

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.0K Star

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

170.9K Star

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

170.9K Star
PasangLihat di GitHub