drawio-skill

Generates professional diagrams like UML, cloud architecture, and flowcharts from text prompts or codebases via the draw.io desktop CLI.

Generates professional diagrams like UML, cloud architecture, and flowcharts from text prompts or codebases via the draw.io desktop CLI.

The gist

drawio-skill is a tool by Agents365-ai that integrates with AI agents to automate diagram creation. It addresses the tedious manual process of building technical diagrams by converting natural language descriptions or existing source code into professional-looking flowcharts, UML diagrams, and cloud architecture visualizations using the draw.io engine.

What it does

  • Generates diagrams like ERD, UML, and cloud architecture from natural language prompts.
  • Visualizes the module structure or class hierarchy of a Python, JS/TS, Go, or Rust codebase.
  • Searches and applies over 10,000 official vendor shapes for AWS, Azure, GCP, and Kubernetes.
  • Inserts over 300 up-to-date brand logos for AI and LLM companies.
  • Automatically checks and fixes layout issues like overlapping elements and clipped text labels.

How it works

Users interact with the skill via prompts in a compatible AI agent. The skill generates .drawio XML and uses the draw.io desktop command-line tool to export the final diagram as a PNG, SVG, PDF, or JPG file. It is an open-source agent skill that requires a local installation of the draw.io desktop application to function. A feedback loop allows for iterative refinement of the output.

Best for

This tool is ideal for software engineers and architects who need to create precise, polished diagrams for documentation, presentations, or system design directly from their development environment.

Watch out for

The skill requires users to manually install the draw.io desktop application and its command-line interface. It is not suited for creating informal, hand-drawn style diagrams or simple text-based diagrams intended for Markdown.