drawio-skill
drawio-skill creates polished diagrams—architecture, UML, ER, flowcharts, BPMN, and more—from text descriptions or code imports. It generates .drawio XML and exports locally via the draw.io desktop CLI to PNG, SVG, PDF, or JPG, with optional embedding for editability. Use it for precise, styled diagrams with rich shape libraries and swimlanes; for casual sketches or Markdown-embedded diagrams, consider mermaid or excalidraw instead.
drawio-skill generates professional diagrams like architecture, UML, and flowcharts from text or code, exporting to PNG/SVG/PDF.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-25
drawio-skill generates professional diagrams like architecture, UML, and flowcharts from text or code, exporting to PNG/SVG/PDF. drawio-skill creates polished diagrams—architecture, UML, ER, flowcharts, BPMN, and more—from text descriptions or code imports. It generates .drawio XML and exports locally via the draw.io desktop CLI to PNG, SVG, PDF, or JPG, with optional embedding for editability. Use it for precise, styled diagrams with rich shape libraries and swimlanes; for casual sketches or Markdown-embedded diagrams, consider mermaid or excalidraw instead.
Use it when
- Yes.
- drawio-skill exports diagrams to PNG, SVG, PDF, and JPG formats via the draw.io desktop CLI.
Verify before relying
Read SKILL.md below before installing (60 files). Open directory: indexed for reading, not audited.
Install
Agents365-ai/drawio-skill/drawio-skill · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How to create flowcharts and diagrams with drawio-skill?
drawio-skill generates flowcharts and diagrams from text descriptions or code. Describe your process, system, or structure in natural language or provide code/manifests, and drawio-skill produces a .drawio XML file. Export it locally via the draw.io desktop CLI to PNG, SVG, PDF, or JPG. The skill supports flowcharts, architecture diagrams, UML, ER schemas, BPMN, swimlanes, and more with rich shape libraries and custom styling.
Can drawio-skill generate UML sequence diagrams?
Yes. drawio-skill generates professional UML sequence diagrams from text specifications. Describe actors, messages, and interactions, and the skill creates a properly laid-out diagram in .drawio format. You can then export it to PNG, SVG, PDF, or JPG using the draw.io CLI, and optionally embed it for later editing in draw.io.
What export formats does drawio-skill support?
drawio-skill exports diagrams to PNG, SVG, PDF, and JPG formats via the draw.io desktop CLI. SVG and PDF exports preserve vector quality and editability. PNG and JPG are raster formats suitable for presentations and documentation. All exports can be embedded with .drawio source for later editing.
How does drawio-skill visualize Kubernetes deployments?
drawio-skill reads Kubernetes manifests and cloud infrastructure code to generate cluster topology and deployment diagrams. Provide your YAML manifests or Terraform configs, and the skill visualizes nodes, pods, services, and networking relationships. The resulting diagram exports to PNG, SVG, PDF, or JPG for documentation and architecture reviews.
Does drawio-skill create ER database schema diagrams?
Yes. drawio-skill generates ER (entity-relationship) database schema diagrams from table definitions, SQL DDL, or text descriptions. It renders entities, attributes, and relationships with proper cardinality notation. Export the diagram to PNG, SVG, PDF, or JPG for database documentation and design reviews.
Can drawio-skill automate diagram creation for large systems?
drawio-skill automates layout and generation of complex diagrams by processing large code or manifest files. It handles architecture, infrastructure, and system design diagrams at scale, applying consistent styling and automatic positioning. Ideal for converting infrastructure-as-code, cloud configs, and multi-component systems into publication-ready diagrams.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
name: drawio-skill version: 2.1.0 description: Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition, internal block, requirement, parametric), BPMN business process diagrams, swimlane / cross-functional flowcharts, network topology, cloud architecture from Terraform or Kubernetes manifests, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Best suited when the diagram needs custom styling, rich shape vocabulary, swimlanes, or exportable images (PNG/SVG/PDF/JPG). Generates .drawio XML and exports locally via the native draw.io desktop CLI. license: MIT homepage: https://github.com/Agents365-ai/drawio-skill compatibility: Requires draw.io desktop app CLI on PATH (macOS/Linux/Windows). Self-check step requires a vision-enabled model (e.g., Claude Sonnet/Opus); gracefully skipped if unavailable. Optional auto-layout (scripts/autolayout.py) needs Graphviz (dot). platforms: [macos, linux, windows] metadata:
(truncated - see the full file via the links below)
File tree — 15 files
skills/drawio-skill/SKILL.md
skills/drawio-skill/data/SHAPE-INDEX-NOTICE.md
skills/drawio-skill/data/lobe-icons.json
skills/drawio-skill/data/shape-index.json.gz
skills/drawio-skill/references/autolayout.md
skills/drawio-skill/references/derasterize.md
skills/drawio-skill/references/diagram-types.md
skills/drawio-skill/references/live-infra.md
skills/drawio-skill/references/mermaid-authoring.md
skills/drawio-skill/references/pr-bot.md
skills/drawio-skill/references/shapes.md
skills/drawio-skill/references/style-extraction.md
skills/drawio-skill/references/style-presets.md
skills/drawio-skill/references/toolbox.md
skills/drawio-skill/references/troubleshooting.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Generate professional diagrams (architecture, UML, ER, flowchart) from text or code”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Drawio transforms text descriptions and existing codebases into polished, editable diagrams via the draw.io desktop CLI. It offers six diagram presets (ERD, UML class, sequence, architecture, ML/DL, flowchart), access to 10,000+ official AWS, Azure, GCP, Cisco, Kubernetes, and BPMN shapes, plus 321 AI and LLM brand logos. The skill includes vision-based self-checking and iterative refinement to ensure precision before exporting to your choice of formats.
Drawio To Png transforms draw.io diagram files into high-quality PNG images using command-line tools or headless browser automation. It supports batch conversion, adjustable scale factors, transparent backgrounds, and multi-page diagram export for documentation, presentations, and web publishing.
drawio generates native .drawio diagram files from either Mermaid syntax or draw.io XML, supporting flowcharts, architecture diagrams, ER diagrams, sequence diagrams, and more. Export to PNG, SVG, or PDF with embedded XML for editing, or open directly in the draw.io editor via browser URL. XML diagrams can be auto-laid out using ELK layout presets.
Turn code into editable diagrams. This skill converts Mermaid, XML, or CSV into draw.io diagrams that open directly in your browser—perfect for flowcharts, architecture diagrams, org charts, UML, and any visual layout you need. Users get a clickable link to view and modify each diagram instantly.
Turn descriptions, images, or spreadsheets into professional draw.io diagrams ready for editing and documentation. The skill orchestrates a multi-step workflow to produce native .drawio files with support for Azure and AWS cloud icons, quality gates, and output in SVG or PNG formats alongside the editable source.
draw-io handles diagram creation and editing through direct XML manipulation of .drawio files, with built-in PNG conversion at 2x resolution and transparent backgrounds. The skill includes layout adjustment via coordinate editing, font configuration for multi-language support, and access to official AWS icons for infrastructure diagrams. Design principles cover clarity, consistency, accessibility, and progressive disclosure across diagram types.
More skills Agents Bruce Drawio (unlicensed) · Drawio (NOASSERTION) · drawio-bpmn (MIT) · Grc System Boundary Diagram (NOASSERTION) · drawio-azure (MIT) · drawio-aws (MIT) · drawio-gcp (MIT) · drawio-databricks (MIT)