Drawio Automatic Diagram Assistant
Paste the following prompt into your AI chat to install this skill:
Please follow https://skillhub.cn/install/skillhub.md and install @user_800d68d6/drawiodo.
About this skill
Problem
When the task is to render a service dependency map or system flow, hand-writing draw.io XML often produces misplaced nodes, overlapping edges, and brittle revisions. please-drawio-turn targets that workflow: it accepts natural language, structured JSON, or example-based instructions and produces a .drawio file suitable for architecture diagrams, flowcharts, UML class diagrams, ER diagrams, sequence diagrams, mind maps, network topologies, and org charts.
How It Works
- Natural language to diagram: identify the diagram type, extract nodes and relationships, then produce a layout plan.
- Unified layout engine: use topological layering, barycentric ordering within layers, dynamic spacing, and obstacle-aware routing to reduce crossings and overlaps.
- Confirm-first workflow: run through
Think,Confirm, andIterate; simple linear flows or explicitJSON specinputs can skip confirmation. - Version rollback: save a checkpoint before each update, keep up to five versions, and restore or compare previous states.
- Enforced hooks: backups, version initialization, cleanup, and preview launch are handled by Python hooks rather than relying on model compliance.
Boundaries
It generates draw.io source files instead of editing .png or .jpg images. It is not intended for Mermaid or other explicitly requested tools. The materials also note known layout issues, such as polar-coordinate child positioning, so complex diagrams should be reviewed and refined iteratively.
Use Cases
- Backend engineers convert microservice call-chain notes into editable architecture diagrams before review.
- Database engineers generate ER diagrams from field notes and iterate on entity relationships.
- Frontend teams turn login-flow steps and error branches into a shareable flowchart file.
- Security engineers create network topologies from firewall, server, and zone inventories.
Best For
- Backend engineers preparing design reviews who need editable service dependency diagrams.
- Database engineers maintaining data models who need quick ER diagrams from field notes.
- Frontend engineers preparing tech demos who need login-flow diagrams from step notes.
- Ops engineers in network security reviews who need topologies from device inventories.
Related Skills
Generate an interactive HTML product detail page from images and copy, with multi-product carousel, inline text editing, design controls, and PDF/JPG/PSD export support.
Enter a material name to get preview and download links for free, commercially usable video assets, with paid platform options, pricing, and search suggestions when results are limited.
A local CLI for Dreamina image and video generation, including credit checks, async submission, result queries, and task history review.
Generate and validate JianYing drafts from storyboard JSON with narrated commentary, original-sound preservation, timing checks, and draft inspection.