Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub Β· Developer Tools
drawio-generator
Generate draw.io diagrams from Mermaid, XML, or CSV code. Use this skill when the user requests any visual diagram including flowcharts, UML diagrams, ERD, a...
skill openclawclawhub Free
Generate draw.io diagrams from Mermaid, XML, or CSV code. Use this skill when the user requests any visual diagram including flowcharts, UML diagrams, ERD, a...
β¬ 0 downloads β
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md, scripts/generate_drawio_url.py
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 1.0.0
Provenance
- Publisher
- Thincher
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Draw.io Diagram Generator
Generate interactive draw.io diagrams that users can open and edit in their browser.
Supported Diagram Types
Draw.io supports virtually any diagram type: Standard: Flowcharts, org charts, mind maps, timelines, Venn diagrams Software: UML (class, sequence, activity, use case), ERD, architecture diagrams Cloud/Infrastructure: AWS, Azure, GCP, Kubernetes, network topology Engineering: Electrical circuits, digital logic, P&ID, floor plans Business: BPMN, value streams, customer journeys, SWOT UI/UX: Wireframes, mockups, sitemaps And more: Infographics, data flows, decision trees, etc.
Format Selection Guide
FormatBest ForMermaidFlowcharts, sequences, ERD, Gantt, state diagrams, class diagramsCSVHierarchical data (org charts), bulk import from spreadsheetsXMLComplex layouts, precise positioning, custom styling, icons, shapes
Step 1: Determine the best format for the diagram
Use Mermaid for most standard diagrams (flowcharts, sequence diagrams, ERD) Use CSV for hierarchical data like org charts Use XML when you need precise control over positioning or custom shapes
Step 2: Generate the diagram code
Write the diagram code in the chosen format (see examples below).
Step 3: Execute the Python script
Run the script scripts/generate_drawio_url.py (relative to this SKILL.md file) to create the markdown link.
Mermaid
graph TD A[Start] --> B{Decision} B -->|Yes| C[Action] B -->|No| D[End]
XML (draw.io native)
<mxGraphModel> <root> <mxCell id="0"/> <mxCell id="1" parent="0"/> <mxCell id="2" value="Box" style="rounded=1;fillColor=#d5e8d4;" vertex="1" parent="1"> <mxGeometry x="100" y="100" width="120" height="60" as="geometry"/> </mxCell> </root> </mxGraphModel>
CSV (hierarchical data)
# label: %name% # style: rounded=1;whiteSpace=wrap;html=1; # connect: {"from":"manager","to":"name","invert":true} # layout: auto name,manager CEO, CTO,CEO CFO,CEO
CRITICAL: XML Well-Formedness
When generating draw.io XML, the output must be well-formed XML: NEVER use double hyphens (--) inside XML comments. Use single hyphens or rephrase (e.g., <!-- Order 1 to OrderItem --> not <!-- Order 1 --- OrderItem -->) Escape special characters in attribute values (&, <, >, ")
Script Usage
The script generate_drawio_url.py is located in the scripts/ subdirectory relative to this SKILL.md file. Execute it with command-line arguments: python scripts/generate_drawio_url.py -t mermaid -c "graph TD\n A --> B" python scripts/generate_drawio_url.py --type xml --code "<mxGraphModel>...</mxGraphModel>" python scripts/generate_drawio_url.py -t csv -c "name,manager\nCEO,\nCTO,CEO" Arguments: -t, --type: Diagram type (required), choices: mermaid, xml, csv -c, --code: Diagram code content (required) The script outputs a markdown link: [ηΉε»ζ₯ηεΎθ‘¨](<URL>) Present the markdown link directly to the user.
Category context
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
1 Docs1 Scripts
- SKILL.md
- scripts/generate_drawio_url.py