$npx skillfedfor your agent

drawio-logical-diagrams

Build logical flow diagrams, system architecture visualizations, BPMN process flows, UML diagrams, and data flow diagrams using draw.io's native XML format. The skill handles generic system representations—flowcharts, decision trees, sequence diagrams, and abstract architectures—without cloud-specific components.

drawio-logical-diagrams creates professional logical flow, architecture, BPMN, UML, and data flow diagrams in draw.io XML format.

AI-generated summary based on this skill's SKILL.md

311 37 MITupdated by giuseppe-trisciuoglio

Decision gist · record as of 2026-06-22

drawio-logical-diagrams creates professional logical flow, architecture, BPMN, UML, and data flow diagrams in draw.io XML format. Build logical flow diagrams, system architecture visualizations, BPMN process flows, UML diagrams, and data flow diagrams using draw.io's native XML format. The skill handles generic system representations—flowcharts, decision trees, sequence diagrams, and abstract architectures—without cloud-specific components.

manual: git clone https://github.com/giuseppe-trisciuoglio/developer-kit → cp -r developer-kit/plugins/developer-kit-core/skills/drawio-logical-diagrams ~/.claude/skills/drawio-logical-diagrams
plugins/developer-kit-core/skills/drawio-logical-diagrams/SKILL.md · version 00a44854

Use it when

  • Yes.
  • drawio-logical-diagrams fully supports UML diagram generation, including class diagrams, sequence diagrams, and activity diagrams.

Verify before relying

Read SKILL.md below before installing (8 files). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

giuseppe-trisciuoglio/developer-kit/drawio-logical-diagrams · 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

What diagram types can drawio-logical-diagrams create?

drawio-logical-diagrams generates professional logical flow diagrams, UML diagrams (class, sequence, and activity), BPMN business process models, data flow diagrams, system architecture visualizations, and decision flowcharts. All outputs use draw.io's native XML format for compatibility and portability.

Can I create a logical flow diagram with drawio-logical-diagrams?

Yes. drawio-logical-diagrams specializes in creating logical flow diagrams along with process flows, decision branches, and system interaction diagrams. The skill generates draw.io-compatible XML that you can open, edit, and export in any draw.io-supported format.

Does drawio-logical-diagrams support UML diagram generation?

drawio-logical-diagrams fully supports UML diagram generation, including class diagrams, sequence diagrams, and activity diagrams. These are rendered in draw.io XML format and can be customized within the draw.io editor or exported to other formats.

How does drawio-logical-diagrams handle BPMN and business processes?

drawio-logical-diagrams builds BPMN and business process modeling diagrams using standard notation. The skill creates abstract, generic process representations without cloud-specific or vendor-locked components, ensuring your diagrams remain portable and reusable.

What format does drawio-logical-diagrams output diagrams in?

drawio-logical-diagrams outputs all diagrams in draw.io's native XML format. This format is open, portable, and compatible with draw.io editors, allowing you to view, modify, and export diagrams to PNG, SVG, PDF, or other formats as needed.

Can drawio-logical-diagrams create data flow and system architecture diagrams?

Yes. drawio-logical-diagrams designs data flow diagrams (DFDs) and system architecture visualizations, representing logical components and their interactions. These abstract architectural diagrams help communicate system design without implementation-specific details.

SKILL.md

Rendered from the published skill. Quoted content, verbatim.

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

(truncated - see the full file via the links below)

File tree — 8 files
plugins/developer-kit-core/skills/drawio-logical-diagrams/SKILL.md
plugins/developer-kit-core/skills/drawio-logical-diagrams/references/color-palette.md
plugins/developer-kit-core/skills/drawio-logical-diagrams/references/constraints-warnings.md
plugins/developer-kit-core/skills/drawio-logical-diagrams/references/diagram-templates.md
plugins/developer-kit-core/skills/drawio-logical-diagrams/references/diagram-types-detailed.md
plugins/developer-kit-core/skills/drawio-logical-diagrams/references/layout-best-practices.md
plugins/developer-kit-core/skills/drawio-logical-diagrams/references/shape-examples.md
plugins/developer-kit-core/skills/drawio-logical-diagrams/references/shape-styles.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 › “Create professional logical and process flow diagrams in draw.io format”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

Agents Bruce Drawio
by bruc3van · bruc3van/agent-skills-guard

This skill transforms diagram requirements into draw.io XML, then exports the result as an image. It handles flowcharts, architecture layers, UML sequences and classes, entity-relationship diagrams, mindmaps, and network topologies—each with layout rules tuned for clarity and spacing.

no license declared → metadata onlyupdated Jul 2026
★ 379repo stars
aws-drawio-architecture-diagrams
by giuseppe-trisciuoglio · giuseppe-trisciuoglio/developer-kit

This skill generates pixel-perfect AWS architecture diagrams as draw.io XML files (.drawio) using the official AWS4 shape library, ready for use in diagrams.net. It handles VPC layouts, multi-tier application designs, serverless architectures, and network topologies with proper styling, color codes, and connector conventions. Perfect for infrastructure documentation and Well-Architected reviews.

MITupdated Jun 2026
★ 311repo stars
Drawio Diagrams Enhanced
by jim60105 · jim60105/copilot-prompt

Build flowcharts, swimlanes, BPMN diagrams, UML models, network topologies, org charts, and project management visuals through draw.io's MCP server. The skill generates mxGraphModel XML for instant browser preview and editing, supporting extensive diagram types from basic process flows to complex PERT charts and risk matrices.

GFDL-1.3updated Jul 2026
★ 21repo stars
draw-io
by softaworks · softaworks/agent-toolkit

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.

MITupdated Mar 2026
★ 2,243repo stars
Drawio Generator
by Thincher · Thincher/awsome_skills

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.

no license declared → metadata onlyupdated Mar 2026
★ 1repo stars
draw-io
by malue-ai · malue-ai/dazee-small

Create polished diagrams—flowcharts, organizational hierarchies, UML schematics, and network layouts—as draw.io-compatible XML files. The skill handles diagram structure, styling, and layout, then outputs files you can open directly in draw.io's desktop or web application.

MITdocs in Chineseupdated Mar 2026
★ 35repo stars

More skills pptgen-drawio (Apache-2.0) · drawio-diagram (Apache-2.0) · excalidraw-ai (MIT) · drawio-skill (MIT)

Tags
diagram-generationxml-based-graphicsprocess-modelingsystem-designuml-supportflowchart-builderbpmn-diagramsarchitecture-visualizationdata-flow-analysisabstract-design