drawio

Generate draw.io diagrams from JSON, dictionaries, or code into .drawio files.

3|Updated Dec 26, 2025

Search Tags:#automation #architecture #python #flowchart #diagram #tree #drawio

Ready to run

npx skills add https://github.com/fpl9000/ai-skills --skill drawio-fpl9000

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/fpl9000/ai-skills/tree/main/drawio
Command: npx skills add https://github.com/fpl9000/ai-skills --skill drawio-fpl9000

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires drawpyo>=0.2.0, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Generate draw.io diagrams programmatically from data and scripts, reducing manual diagramming time and enabling repeatable visuals.

Core Features & Use Cases

Create flowcharts, architecture diagrams, trees, and network diagrams directly from JSON/dicts or code.
Save diagrams as .drawio files for easy import into diagrams.net and other viewers.
Use cases include auto-generating system architectures from data, documenting workflows, and visualizing data pipelines.

Quick Start

Generate a .drawio diagram from a Python script or data input and save it to your outputs directory.

Frequently Asked Questions about drawio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate draw.io flowcharts from JSON data?▼

To generate draw.io flowcharts from JSON data, you map dictionary structures to diagram nodes and edges, saving the output directly as a .drawio file. This eliminates manual diagramming by programmatically building visuals from your data.

Can I automate architecture diagrams using Python scripts?▼

Yes, you can automate architecture diagrams using Python scripts by leveraging diagramming libraries with inline script metadata. This allows you to define system architectures and workflows directly in code for repeatable visual outputs.

Does drawpyo support custom styling for individual diagram nodes?▼

Yes, drawpyo supports custom styling for individual diagram nodes and edges through per-node or per-edge data mappings. You can apply optional styling parameters within your Python code to customize shapes and visual properties.

How do I create tree diagrams from Python dictionaries?▼

You can create tree diagrams from Python dictionaries by mapping your hierarchical data structures to specific diagram shapes. The script processes the dictionary inputs and outputs a structured tree visualization to a designated file path.

What is the best way to programmatically build draw.io diagrams?▼

The best way to programmatically build draw.io diagrams is using Python automation with the drawpyo library, which translates code and data inputs into .drawio files. This method ensures repeatable visuals and reduces manual diagramming time.