drawio-logical-diagrams

Solid

Creates professional logical flow diagrams and logical system architecture diagrams using draw.io XML format (.drawio files). Use when creating: (1) logical flow diagrams showing data/process flow between system components, (2) logical architecture diagrams representing system structure without cloud provider specifics, (3) BPMN process diagrams, (4) UML diagrams (class, sequence, activity), (5) data flow diagrams (DFD), (6) decision flowcharts, or (7) system interaction diagrams. This skill focuses on generic/abstract representations, not AWS/Azure-specific architectures (use aws-drawio-architecture-diagrams for cloud diagrams).

AI & Automation 261 stars 29 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%
81
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Draw.io Logical Diagrams Creation ## Overview Create professional logical diagrams in draw.io's native XML format for logical flow diagrams, system architecture visualizations, and abstract process representations using generic shapes and symbols. ## When to Use - Creating logical flow diagrams showing data flow between system components - Designing logical architecture diagrams (abstract system structure) - Building BPMN process diagrams for business processes - Drawing UML diagrams (class, sequence, activity, state) - Creating data flow diagrams (DFD) for system analysis - Making decision flowcharts with branching logic - Visualizing system interactions and sequences - Documenting logical system design without cloud specifics **Do NOT use for:** AWS/Azure/GCP architecture diagrams (use `aws-drawio-architecture-diagrams`). ## Instructions ### Creating a Logical Diagram 1. **Analyze the request**: Understand the system/process to diagram 2. **Choose diagram type**: Flowchart, architecture, BPMN, UML, DFD, etc. 3. **Identify elements**: Determine actors, processes, data stores, connectors 4. **Draft XML structure**: Create the mxGraphModel with proper root cells 5. **Add shapes**: Create mxCell elements with appropriate styles 6. **Add connectors**: Link elements with edge elements 7. **Validate XML**: Verify XML is well-formed and all IDs are unique (see validation checklist below) 8. **Output**: Write the .drawio file for the user ### XML Validation Checklist Bef...

Details

Author
giuseppe-trisciuoglio
Repository
giuseppe-trisciuoglio/developer-kit
Created
7 months ago
Last Updated
1 weeks ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Listed

draw-io

Create professional Draw.io (diagrams.net) XML diagrams for architecture, network flows, and system designs. Use when the user asks to create diagrams, architecture diagrams, flow charts, network diagrams, system diagrams, or mentions Draw.io/diagrams.net. Supports AWS/GCP icons, grouping, and custom styling.

0 Updated 3 days ago
alycd
Data & Documents Listed

drawio

Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF.

0 Updated today
matiaspakua
DevOps & Infrastructure Solid

aws-drawio-architecture-diagrams

Creates professional AWS architecture diagrams in draw.io XML format (.drawio files) using official AWS Architecture Icons (aws4 library). Use when the user asks for AWS diagrams, VPC layouts, multi-tier architectures, serverless designs, network topology, or draw.io exports involving Lambda, EC2, RDS, or other AWS services.

261 Updated 1 weeks ago
giuseppe-trisciuoglio
AI & Automation Solid

draw-io-diagram-generator

Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, style strings, flowcharts, system architecture, sequence diagrams, ER diagrams, UML class diagrams, network topology, layout strategy, the hediet.vscode-drawio VS Code extension, and the full agent workflow from request to a ready-to-open file.

34,158 Updated yesterday
github
DevOps & Infrastructure Solid

generating-aws-diagrams

Generates DrawIO XML diagrams for Amazon Web Services architectures from text descriptions or images. Analyzes existing .drawio files to extract AWS components. Use for AWS architecture diagrams, cloud infrastructure documentation, or when converting AWS diagram images to editable DrawIO format.

1,034 Updated today
a5c-ai