An automated diagramming assistant that generates professional Draw.io XML and exports them to crisp image formats directly from your AI agent.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install bruce-drawio
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install bruce-drawio using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Draw.io Diagram Generator Skill?
The bruce-drawio skill empowers AI agents to act as expert technical illustrators by generating precise Draw.io XML code. Unlike basic diagramming tools, this skill uses a sophisticated layout engine logic to ensure grid alignment, consistent spacing, and professional styling for various visual formats. It is a core component for users looking to enhance their Openclaw Skills library with automated documentation capabilities.
By leveraging the Draw.io desktop CLI, the skill converts complex technical requirements into editable .drawio files and high-resolution exports. Whether you are mapping out a microservices architecture or a simple business process, this skill ensures that the output is both technically accurate and aesthetically balanced.
Draw.io Diagram Generator Skill Use Cases
- Generating complex system architecture diagrams using the Layered Block Style.
- Creating UML sequence and class diagrams for software engineering documentation.
- Designing database ER diagrams with clear entity relationships and normalized layouts.
- Visualizing network topologies and infrastructure cloud deployments.
- Mapping out business workflows and decision flowcharts with logic branching.
How Draw.io Diagram Generator Skill Works
- Analyze user requirements to determine the optimal diagram type, key elements, and relationships.
- Generate valid Draw.io XML directly using pre-defined templates for nodes, edges, and containers.
- Apply layout rules to calculate coordinates, ensuring grid snapping (10px multiples) and zero node overlap.
- Perform a mandatory self-review of the XML structure and visual balance.
- Save the .drawio source file to the local workspace.
- Execute the Draw.io CLI to export the diagram into PNG, SVG, or PDF formats for immediate delivery.
Draw.io Diagram Generator Skill Setup
To use this skill, ensure the Draw.io desktop application is installed on your system. This allows the Openclaw Skills environment to trigger the CLI for image exports.
# macOS installation
brew install --cask drawio
# Windows installation
winget install JGraph.Draw
# Linux installation
snap install drawio
The skill will automatically detect the executable path on macOS, Windows, and Linux to perform headless exports.
Draw.io Diagram Generator Skill Data Schema & Taxonomy
The skill organizes its output into two primary file types to ensure both editability and ease of sharing:
| Component | Format | Description |
|---|---|---|
| Source File | .drawio | A standard XML-based file that can be opened and edited at app.diagrams.net. |
| Exported Image | .png, .svg, or .pdf | A flattened visual representation of the diagram, typically exported at 2x scale for clarity. |
| Metadata | XML Attributes | Includes page dimensions, grid settings, and unique IDs for every vertex and edge. |
Draw.io Diagram Generator Skill Advanced Features
- Layered Block Style support for high-level cloud and software architecture.
- Intelligent coordinate math for automatic horizontal and vertical centering of elements.
- Incremental editing capabilities to modify existing .drawio files without losing previous work.
- Automated resolution scaling (2x) for high-quality documentation visuals.
- Orthogonal edge routing for clean, professional-looking connections between nodes.
SKILL.md
Loading
Related Openclaw Skills
Custom API Summary
An automated text processing tool that calls a custom API to generate summaries and extract key insights from raw text.
Production Deployment Automation
A comprehensive automation skill for managing the end-to-end production deployment lifecycle of the SM dating website.
Explore Xinjiang Travel Skill
A professional AI travel agent skill for discovering Xinjiang’s landscapes and booking real-time travel services via the flyai CLI.
Test ClawHub CLI
A specialized technical utility designed to validate the parameter handling and automated publishing workflow of the ClawHub CLI.
Databricks SQL Read-Only
A secure, read-only interface for executing Databricks SQL queries using Openclaw Skills.
explore-usa
A specialized AI agent skill for planning comprehensive United States travel itineraries using real-time data from the Fliggy (Alibaba Group) ecosystem.
Featured*
