Drawio Generator.Bak

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...

Security Scan

The skill's code and instructions match its stated purpose (generating draw.io links from diagram text); it has no network calls, no required credentials, and no risky install steps — but review the small metadata inconsistencies and avoid putting secrets into diagram content.

Purpose & Capability

The skill's name, description, SKILL.md, and included script all align: they take Mermaid/XML/CSV and produce a draw.io URL. Minor metadata mismatches exist (registry owner/slug vs. _meta.json ownerId/slug and missing homepage/source), which are administrative/integrity concerns but do not change the technical behavior.

Instruction Scope

SKILL.md limits runtime actions to asking the agent/user to run the provided Python script and present the resulting markdown link. It does not instruct reading unrelated files, environment variables, or sending data to other endpoints beyond the draw.io web app.

Install Mechanism

There is no install spec (instruction-only plus a small local script). No downloads or package installs are requested and nothing is written to disk by the skill itself beyond what the user runs locally.

Credentials

The skill requests no environment variables or credentials, and the script does not attempt to read secrets or external configs.

Persistence & Privilege

always is false and the skill does not request persistent presence or modify other skills or system-wide settings.

Assessment

This skill appears to do what it says: it takes diagram text, compresses and encodes it, and builds a URL that opens in the official diagrams.net web app. Before installing, consider: (1) source/origin is unknown and _meta.json metadata differs from registry metadata — if provenance matters, verify the author. (2) Do not include secrets or private credentials inside diagram text: the generated URL encodes your content and opening the link in a browser will send that data to diagrams.net. (3) Review and run the small Python script locally (it’s short and readable) rather than running untrusted binaries. If you need stronger assurance, ask the publisher for a homepage or signed release, or reimplement the URL-generation logic from the provided script yourself.

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

Format	Best For
Mermaid	Flowcharts, sequences, ERD, Gantt, state diagrams, class diagrams
CSV	Hierarchical data (org charts), bulk import from spreadsheets
XML	Complex layouts, precise positioning, custom styling, icons, shapes

How to Use

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.

Format Templates

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.