skills.rest
fpl9000
fpl9000COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/fpl9000/ai-skills --skill drawio-fpl9000
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
catlog22catlog22
2.1k

project-analyze

Generate architecture, design, and methods reports from codebases with Mermaid diagrams.

Community
Advanced
lucasgaldinoslucasgaldinos

draw-io-diagram-generator

Generate, edit, and validate draw.io diagrams with mxGraph XML structure.

Community
Advanced
sandmark78sandmark78

data-analyst

Analyze raw data with SQL and Python to generate business insights.

Community
Advanced
claude-office-skillsclaude-office-skills
368

diagram-creator

Generate flowcharts, sequence diagrams, and architecture diagrams from Mermaid and PlantUML text.

Official
Intermediate