skills.rest
stark-ai-de
stark-ai-deOFFICIAL
Explore all skills by this author →
WebsiteGitHub

drawio-diagrams

Create and edit draw.io diagrams from XML using Python libraries.

4|1|Updated May 19, 2026
Search Tags:#architecture#flowchart#sequence diagram#diagram#drawio
One-click install
npx skills add https://github.com/stark-ai-de/agent-skills --skill drawio-diagrams-stark-ai-de
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-diagrams
Source: https://github.com/stark-ai-de/agent-skills/tree/main/skills/engineering-workflows/drawio-diagrams
Command: npx skills add https://github.com/stark-ai-de/agent-skills --skill drawio-diagrams-stark-ai-de

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires drawio, python3, node, drawio-mcp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation and editing of draw.io diagrams, reducing the time and effort required for manual diagram generation.

Core Features & Use Cases

  • Diagram Creation: Generate a wide variety of diagrams such as flowcharts, architecture diagrams, and sequence diagrams.
  • Diagram Editing: Edit existing diagrams to add or modify content.
  • Diagram Verification: Verify diagrams for readability and dark mode compatibility.
  • Use Case: Imagine you need to create a detailed network diagram for a new project. Use this Skill to quickly generate the diagram based on your specifications and verify its readability and dark mode compatibility.

Quick Start

Use the drawio-diagrams skill to create a new diagram of type 'network' named 'my-network'.

Frequently Asked Questions about drawio-diagrams

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

FAQPage Schema
How do I generate draw.io architecture diagrams automatically?▼

You can generate draw.io architecture diagrams automatically by using this Skill to manipulate XML and Python libraries, producing verified diagrams with consistent icons and light/dark mode compatibility.

What's the best way to create sequence diagrams for technical documentation?▼

The best way to create sequence diagrams for technical documentation is using this Skill, which handles sequence diagrams natively and verifies readability and dark mode compatibility for engineering workflows.

Do I need draw.io Desktop CLI and Node.js to edit draw.io diagrams programmatically?▼

Yes, you need draw.io Desktop CLI, Python3, and Node.js installed, as this Skill relies on these dependencies and draw.io MCP tools to programmatically edit and verify diagram structures.

Can I verify dark mode compatibility for network and swimlane diagrams?▼

Yes, you can verify dark mode compatibility for network and swimlane diagrams, as this Skill explicitly checks generated diagrams to ensure readability and visual consistency across both light and dark themes.

Does this approach support ER and class diagrams alongside flowcharts?▼

Yes, this approach supports ER and class diagrams alongside flowcharts, handling a wide variety of types including network, swimlane, timeline, and comparison diagrams within technical documentation workflows.

Related Skills

Explore More Software Engineering Skills→
ntaksh42ntaksh42
1

drawio-diagram

Generate and open Draw.io diagrams from XML, CSV, and Mermaid syntax.

Community
Intermediate
shushuznshushuzn
4

markdown-mermaid-writing

Write Markdown documents with Mermaid diagrams and accessibility annotations.

Community
Advanced
pedroapp100pedroapp100

pptx

Create and modify PowerPoint presentations using python-pptx scripting.

Community
Intermediate
monforjemonforje

drawio-diagrams

Create draw.io diagrams from structured data with Python scripts.

Community
Advanced