What files does Smart Drawio deliver?

Editable .drawio files containing uncompressed mxGraph XML. Labels, nodes, groups and connections can be edited in diagrams.net or Draw.io Desktop.

Which agents and runtimes are required?

Use a SKILL.md-compatible agent that can read the installed skill folder, write local files and run Python 3 for bundled offline validation. The instructions are in Chinese; diagram labels can follow English or Chinese prompts.

Is this skill free, and what is included?

Yes. This MIT-licensed release includes SKILL.md, a Python standard-library validator, research and flowchart templates, and XML, quality and optional MCP references.

Can I update an existing diagram?

Yes. Provide an uncompressed .drawio file and describe the changes. The workflow preserves unrelated IDs, positions, connections and pages unless you request a broader rearrangement.

Do I need Smart Drawio MCP or a separate model API key?

No. The base skill uses the agent's own model and bundled offline validation. The optional local MCP adds validation, supported repair and styling; only its optional external-model generation path needs separately configured provider credentials.

Does validation guarantee a perfect diagram or image export?

No. Offline validation checks XML structure and graph references. Visual quality still needs review in an editor or renderer, and PNG/SVG/PDF exports require separate rendering tools.

Works with the AI Agents you already use

+22 more

+18 agents

Smart Drawio — Editable Diagrams

Create, edit and validate editable Draw.io research diagrams, system architectures and flowcharts.

Free

Security scanned

Smart Drawio — Editable Diagrams

Example session with this skill installed

Use the included decision-flow template to create an editable flowchart. Use these Chinese labels: 开始 → 准备输入 → 输入有效？. If 是, continue to 执行处理 → 结束. If 否, go to 返回并修正输入 and loop back to 准备输入. Keep the main flow vertical, put the retry branch on the right, save decision-flow.drawio and run the bundled offline validator.

Read your context and instructions
Compiled the smart drawio

Deliverable

Created decision-flow.drawio, an editable flowchart with six labeled nodes and six directed edges. The invalid-input branch returns to the preparation step. This example uses the decision-flow template included in the skill.

Complete .drawio XML

<mxfile>
  <diagram id="decision-flow" name="分支流程图">
    <mxGraphModel grid="1" gridSize="10" page="1" pageScale="1" pageWidth="700" pageHeight="780">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="start" value="开始" vertex="1" parent="1" style="ellipse;whiteSpace=wrap;html=1;fillColor=#F7F9FC;strokeColor=#2C3E50;fontFamily=Arial;fontSize=12;">
          <mxGeometry as="geometry" x="220" y="40" width="160" height="60" />
        </mxCell>
        <mxCell id="prepare" value="准备输入" vertex="1" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#DAE8FC;strokeColor=#2C3E50;fontFamily=Arial;fontSize=12;">
          <mxGeometry as="geometry" x="220" y="150" width="160" height="60" />
        </mxCell>
        <mxCell id="decision" value="输入有效？" vertex="1" parent="1" style="rhombus;whiteSpace=wrap;html=1;fillColor=#FFF2CC;strokeColor=#2C3E50;fontFamily=Arial;fontSize=12;">
          <mxGeometry as="geometry" x="210" y="270" width="180" height="100" />
        </mxCell>
        <mxCell id="process" value="执行处理" vertex="1" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#DAE8FC;strokeColor=#2C3E50;fontFamily=Arial;fontSize=12;">
          <mxGeometry as="geometry" x="220" y="440" width="160" height="60" />
        </mxCell>
        <mxCell id="fix-input" value="返回并修正输入" vertex="1" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#2C3E50;fontFamily=Arial;fontSize=12;">
          <mxGeometry as="geometry" x="460" y="290" width="180" height="60" />
        </mxCell>
        <mxCell id="end" value="结束" vertex="1" parent="1" style="ellipse;whiteSpace=wrap;html=1;fillColor=#F7F9FC;strokeColor=#2C3E50;fontFamily=Arial;fontSize=12;">
          <mxGeometry as="geometry" x="220" y="590" width="160" height="60" />
        </mxCell>
        <mxCell id="start-prepare" value="" edge="1" parent="1" source="start" target="prepare" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=classic;strokeColor=#2C3E50;labelBackgroundColor=#FFFFFF;fontFamily=Arial;fontSize=11;">
          <mxGeometry as="geometry" relative="1" />
        </mxCell>
        <mxCell id="prepare-decision" value="" edge="1" parent="1" source="prepare" target="decision" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=classic;strokeColor=#2C3E50;labelBackgroundColor=#FFFFFF;fontFamily=Arial;fontSize=11;">
          <mxGeometry as="geometry" relative="1" />
        </mxCell>
        <mxCell id="yes" value="是" edge="1" parent="1" source="decision" target="process" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=classic;strokeColor=#2C3E50;labelBackgroundColor=#FFFFFF;fontFamily=Arial;fontSize=11;">
          <mxGeometry as="geometry" relative="1" />
        </mxCell>
        <mxCell id="no" value="否" edge="1" parent="1" source="decision" target="fix-input" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=classic;strokeColor=#2C3E50;labelBackgroundColor=#FFFFFF;fontFamily=Arial;fontSize=11;">
          <mxGeometry as="geometry" relative="1" />
        </mxCell>
        <mxCell id="retry" value="" edge="1" parent="1" source="fix-input" target="prepare" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=classic;strokeColor=#2C3E50;labelBackgroundColor=#FFFFFF;fontFamily=Arial;fontSize=11;exitX=0.5;exitY=0;entryX=1;entryY=0.5;">
          <mxGeometry as="geometry" relative="1" />
        </mxCell>
        <mxCell id="process-end" value="" edge="1" parent="1" source="process" target="end" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=classic;strokeColor=#2C3E50;labelBackgroundColor=#FFFFFF;fontFamily=Arial;fontSize=11;">
          <mxGeometry as="geometry" relative="1" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>

Validation

The bundled Python validator passed: valid: true, pageCount: 1, cellCount: 14. This checks basic XML and graph references; it does not certify rendered layout.

Next steps

Open the saved .drawio file in diagrams.net or Draw.io Desktop to inspect the layout, edit labels and rearrange nodes. If you need PNG, SVG or PDF, export it with an available Draw.io renderer.

Connects securely to your tools. The creator never sees your data.

About this skill

Create and edit fully editable Draw.io diagrams from natural-language requirements, code, or readable reference material. Smart Drawio delivers uncompressed mxGraph XML as a .drawio file that you can continue editing in diagrams.net or Draw.io Desktop.

What it does

Build research and model diagrams with clearly separated inputs, modules, outputs and training relationships.
Map system architectures, service boundaries and directed data flows.
Create flowcharts with labeled decisions and explicit retry loops.
Update existing diagrams while preserving unrelated IDs, positions, connections and pages.
Check XML structure and references, and help repair supported damaged or truncated files while preserving the original.

Included in the package

SKILL.md workflow instructions, currently written in Chinese.
Research architecture and decision-flow .drawio templates.
XML format, diagram quality and optional MCP tool references.
A Python 3 standard-library validator and MIT license.

How to use

Ask your agent to create or modify a diagram, specify the labels and reading direction, and request an editable .drawio file. The agent uses its own model, writes the XML, runs available validation and returns the file. English and Chinese diagram labels can follow your prompt.

Optional Smart Drawio MCP

The separately installed local Smart Drawio MCP can add validation, supported repair and styling tools. It is optional: the base skill does not require the Smart Drawio website, a remote MCP endpoint or separate model credentials. MCP generation uses a separately configured model provider only when you choose that path.

Requirements and limits

Use an agent with access to the installed skill files, a writable workspace and Python 3 for bundled offline validation. Opening and visually checking diagrams requires an available Draw.io editor or renderer. Structural validation does not certify visual layout. PNG, SVG and PDF export depend on separate rendering tools. Compressed diagrams must first be saved as uncompressed XML; the offline validator does not decompress them.

Free, open-source release under the MIT license. Source and installation documentation: https://github.com/yunshenwuchuxun/smart-drawio-next/tree/tools-v0.1.0/skills/smart-drawio

How to use

Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

Reviews

No reviews yet

Be one of the first to try it. Every listed skill passes our trust checks below.

Security scanned

Passed our 8-point scan before listing

Fresh listing

Recently published to Agensi

Free forever

No account required to browse

Trust & safety

Security scanned

Verified clean 2 days ago

Free to download with an account

Requires

Python 3 (standard library only) for bundled offline validation

Local workspace file access and a terminal-capable agent

Draw.io / diagrams.net to view and edit the resulting files

Optional: Smart Drawio MCP, With Node.Js 20.9+ MCP

Listed2 days ago

Smart Drawio — Editable Diagrams

Smart Drawio — Editable Diagrams

Deliverable

Complete .drawio XML

Validation

Next steps

About this skill

What it does

Included in the package

How to use

Optional Smart Drawio MCP

Requirements and limits

How to use

Reviews

No reviews yet

Trust & safety

What's inside

Frequently Asked Questions

Smart Drawio — Editable Diagrams

Smart Drawio — Editable Diagrams

Deliverable

Complete .drawio XML

Validation

Next steps

About this skill

What it does

Included in the package

How to use

Optional Smart Drawio MCP

Requirements and limits

Known limitations

Documentation

How to use

Reviews

No reviews yet

Trust & safety

Permissions required

What's inside

Frequently Asked Questions

What files does Smart Drawio deliver?

Which agents and runtimes are required?

Is this skill free, and what is included?

Can I update an existing diagram?

Do I need Smart Drawio MCP or a separate model API key?

Does validation guarantee a perfect diagram or image export?