agents365-ai/drawio-skill
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
自然言語から draw.io 図を作成 — 11のプリセット(UML、SysML/MBSE、BPMN、ネットワーク、C4など)、39のツール:コードベース/CI/インフラ図、画像→編集可能な図、Databricks製品アイコン、マインド...
概要
自然言語の記述を.drawio XMLに変換し、ネイティブ draw.io デスクトップCLIを通じてPNG/SVG/PDF/JPGにエクスポートするスキルです。また、(Python / JS-TS / Go / Rust)を自動レイアウトの構造図に変換することもできます。およびAgent Skills形式に対応した任意のエージェントに対応します。 - — ERD、UMLクラス、シーケンス、アーキテクチャ、ML/ディープラーニング、フローチャート - — Python / JS-TS / Go / Rustプロジェクト(グラフインポート)またはPythonクラス階層の構造を抽出・自動レイアウト — Graphviz配置、推移的還元、ネストモジュールコンテナ — — 推測ではなく正確なAWS / AZURE / GP / Cisco / Kubernetes / uml / BPMNアイコンスタイルを解決(空白の形状=mxgraph.*タイプミスなし)- — 321のロゴ(OpenAI、Claude、Gemini、Mistral、Llama、Ollama、LangChain...)を描画します。
概要（AI 翻訳）
英語 ·中文 ·📖 オンラインドキュメント
自然言語や実際のシステムソースを保守可能な.drawioアーキテクチャモデルに変換するスキルです。生成とエクスポートを超えて、手動レイアウトを廃棄せずに段階的に同期し、1つのモデルから複数のビューを投影し、アーキテクチャ契約を強制し、依存関係を問い合わせ、障害伝播をシミュレートし、依存関係のないインタラクティブなウォークスルーを公開します。Claude Code、Cursor、Copilot、OpenClaw、Codex、Autohand Code、HermesおよびAgent Skills形式に対応したすべてのエージェントに対応しています。
✨ ハイライト
プロンプトより
- 説明し、編集可能な
.drawio— スキルがレイアウトを計画し、XMLを書き出し、エクスポートし、自己チェックPNGを行い、重なり、切り取られたラベル、積み重ねられたエッジ(最大2ラウンド)を自動修正し、最大5ラウンドのフィードバックを添えます - Mermaid → ネイティブ .drawio(draw.io ≥ 30) — 28の標準型をマーメイドテキストとして作成(mindmap、gantt、timeline、journey、pie、sankey、kanban…)、CLIはそれらをレイアウトされた編集可能な
.drawioに変換します:構造はあり、レイアウトは自由です
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
drawio-skill — From Text to Professional Diagrams
English · 中文 · 📖 Online Docs
A skill that turns natural language and real system sources into maintainable .drawio architecture models. Beyond generation and export, it incrementally synchronizes without discarding manual layout, projects multiple views from one model, enforces architecture contracts, queries dependencies, simulates failure propagation, and publishes dependency-free interactive walkthroughs. Works with Claude Code, Cursor, Copilot, OpenClaw, Codex, Autohand Code, Hermes, and any agent compatible with the Agent Skills format.
✨ Highlights
From a prompt
- Describe it, get an editable
.drawio— the skill plans the layout, writes the XML, exports, then self-checks its own PNG and auto-fixes overlaps, clipped labels, and stacked edges (up to 2 rounds), with up to 5 rounds of your feedback - Mermaid → native .drawio (draw.io ≥ 30) — author 28 standard types as Mermaid text (mindmap, gantt, timeline, journey, pie, sankey, kanban…) and the CLI converts them into a laid-out, editable
.drawio: structure in, layout free - Whiteboard photo / screenshot → editable diagram — snap a legacy PNG or a physical whiteboard, let vision extract the graph, and
raster2drawio.pyrebuilds it as a real, editable.drawiohonouring the original layout - 11 diagram type presets — ERD, UML Class, Sequence, C4, Architecture, ML/Deep Learning, Flowchart, SysML, BPMN, Network Topology, Cross-Functional Swimlane
From real sources
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add agents365-ai/drawio-skill