Does this skill require external software?

Yes, for automatic layout, Graphviz must be installed on your system. However, if your BPMN file already contains layout coordinates (DI elements), you can bypass this requirement using the preserve layout option.

Are complex elements like sub-processes and swimlanes supported?

Yes, the converter provides complete support for pools and nested swimlanes, ensuring the visual hierarchy of your process is maintained in the Draw.io output.

Is the output file compatible with the Draw.io desktop app?

Absolutely. The resulting .drawio files are in the native format used by both the Diagrams.net web application and the Draw.io Desktop version.

What happens if my BPMN file is missing layout coordinates?

The skill automatically utilizes Graphviz to generate an optimized layout (such as Left-to-Right or Top-to-Bottom) so the resulting Draw.io diagram is organized and readable immediately.

Can I customize the colors of the resulting diagram?

Yes, you can choose from built-in themes like blueprint and monochrome, or provide a custom YAML configuration file to apply your own brand colors to tasks, events, and lanes.

BPMN to Draw.io Converter

Name: BPMN to Draw.io Converter
Author: davistroy

bydavistroy

0•

生産性とワークフロー

Converts BPMN 2.0 XML files into editable native Draw.io diagrams with automatic layout and custom themes.

The BPMN to Draw.io skill streamlines the process of visualizing business processes by transforming standard BPMN 2.0 XML into high-quality, editable .drawio files. It leverages the bpmn2drawio tool to handle complex elements like swimlanes, pools, and specific gateway markers while offering automatic Graphviz-based layout for files lacking coordinate data. This is particularly useful for developers and business analysts who need to quickly generate professional diagrams for documentation, code reviews, or process optimization without manual drafting.

主な機能

01Accurate rendering of task types, gateways, and event icons

02Integrated model validation with error recovery and warning reports

03Automatic Graphviz-based layout generation for unpositioned BPMN files

04Full preservation of swimlanes, pools, and hierarchical structures

05Support for multiple built-in themes including Blueprint and Monochrome

060 GitHub stars

ユースケース

01Creating editable documentation from raw BPMN process definitions

02Visualizing complex business logic stored in XML format during code reviews

03Migrating legacy BPMN diagrams into modern Draw.io/Diagrams.net environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add davistroy/claude-marketplace bpmn-to-drawio

For use in Claude.ai and ChatGPT

Download Skill