Draw.io Flowchart Generator
Paste the following prompt into your AI chat to install this skill:
Please install @user_509b3ac1/drawio-generator-pro according to https://skillhub.cn/install/skillhub.md.
About this skill
Problem
Manually arranging nodes, edges, alignment, and labels in draw.io can be tedious, especially when converting a process description, interface flow, or business rule into a maintainable diagram. This skill turns text or file descriptions into structured chart data and exports an editable .drawio file, reducing the upfront cost of drawing from scratch.
How It Works
- Accepts text or file input and first generates a structured JSON model with
nodesandedgesfor review. - Node types include
start,end,process,decision,document, anddata; edge labels supportYes / Y,No / N, or empty for sequential flow. - After confirmation, it calls
scripts/gen.pyto generate the.drawiofile. The underlyinggenerator.pyemits XML, whilereferences/drawio-xml-spec.mddocuments style and attribute conventions. - Layout parameters such as
CANVAS_WIDTH,_LAYER_GAP_Y, andMAIN_Xcan be adjusted for layer spacing and main axis position; more compact A4-style output can be tuned by changing the relevant globals before generation.
Limits
The output is a practical first draft, not a polished diagram. Lines may overlap, node spacing may be uneven, and automatic alignment may need correction. It is best for quickly turning process, state, or data-flow descriptions into editable draw.io artifacts, then manually refining them. It is not intended as a high-fidelity architecture diagram tool, and you should not bypass gen.py to call the low-level generator.py directly.
Use Cases
- Translate text descriptions of business approval processes with decision nodes into editable draw.io flowcharts.
- Organize system data flow logic using document and data storage nodes to generate structured JSON and export source files.
- Convert lengthy API documentation into hierarchical flowcharts by adjusting layer gaps and main axis for A4 printing.
Best For
- Product managers who frequently need to convert PRDs or API docs into flowcharts to demonstrate system logic.
- Backend engineers who want to quickly draft business approval or state transition diagrams and manually fix overlapping lines in draw.io.
- Architects responsible for mapping complex data flow and document processing pipelines requiring structured charts with data and document nodes.
Related Skills
Creates 10,000-30,000-word Tomato Novel short stories with trend research, topic selection, outlines, segmented writing, pacing control, and UTF-8 txt export.
An AI editorial master skill that manages the full content creation process from vague ideas to publishable drafts, covering topic selection, writing, review, and publication adaptation.
An AI skill that generates original lyrics and synthesizes a custom song based on user-provided stories, occasions, and details.
A prompting skill for Jimeng image-to-video covering single-image, first-last-frame, multi-frame, and multimodal reference modes, focusing on incremental motion, explicit stillness, and camera pacing.