Next AI Draw.io
Draws flowcharts and architecture diagrams from a sentence, ready to edit in draw.io
by Dayuan Jiang
Draw.io Diagrams from Text
by Agents365.aiSkillMake visuals
Turns a description into an editable draw.io flowchart, mind map or system diagram
About Draw.io Diagrams from Text
A skill that has your AI agent draw flowcharts, mind maps and system diagrams as editable draw.io files, from a description or from your code, and export a PNG. You keep editing in the free draw.io app.
For People making stakeholder decksEngineers documenting systemsAnyone mapping a process
Made by Agents365.ai
The author, listed only as Agents365-ai, publishes open-source diagram skills on GitHub for draw.io, Excalidraw, tldraw, Mermaid and PlantUML.
- Stars
- ★ 10k
- License
- MIT
- Cost
- Free
- Level
- Intermediate
- Contents
- Includes scripts
Examples
From the project's own repository · 3 images, swipe or use the arrows.
Overview
This skill has your AI agent draw diagrams as editable draw.io files. You describe a process, a timeline or a system, or point it at code or a database schema, and it lays out the diagram, exports a PNG to check its own work and fixes overlaps before showing you. You can keep editing the result in the free draw.io app. It suits anyone who explains processes or systems in pictures, from team leads to engineers.
You get a real draw.io file you can open and change, not a flat picture, and it can redraw a whiteboard photo as an editable diagram.
Try these first
Start with the first one: it is a small task you can check easily.
- Draw a five-step flowchart of how a support request is handled, from the first email to the final reply.First try · local file
- Make a mind map of ideas for our team offsite: [paste notes]
- Turn this whiteboard photo into an editable diagram: [attach photo]
- Draw the tables in [schema.sql] as a database diagram with their links.
Example prompts written by Agent Flows Hub.
What you get
From the creator's documentation.
| Output | What it is | Reads |
|---|---|---|
| Editable diagram file | A .drawio file you can open and change in draw.io or diagrams.net | Your files |
| Exports | PNG, SVG or PDF through the draw.io desktop app | Your computer |
| Self-check | Checks its own PNG and fixes overlaps and clipped labels, up to two rounds | Your computer |
| Diagram types | Flowcharts, mind maps, timelines, swimlanes, kanban boards, database and UML diagrams | What you describe |
| From your files | Diagrams from code, Terraform, SQL schemas, API files or a whiteboard photo | Your files |
| Brand icons | Optional AI and cloud logos, downloaded from fixed web addresses when you embed them | The web |
Good to know
Describe a process or system in plain words and get a .drawio file you can open and edit in draw.io. The skill can also build diagrams from code, database schemas or API files, and redraw a whiteboard photo as an editable diagram.
Limits
- PNG, SVG and PDF exports need the draw.io desktop app, version 30 or newer for Mermaid conversion. Some agents run the skill only when you name it.
- A neat diagram can still be wrong. Check each box and arrow against what you described before you share it.
Notes by Agent Flows Hub (original project name: drawio-skill), written from the creator's documentation, not from running it ourselves. drawio-skill: SKILL.md · drawio-skill: installation
Stuck setting it up?
Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.
More to make visuals
Other skills
- Earnings Preview Gives you a briefing on what analysts expect before a company reports its earnings
- Editable Slides from Images Rebuilds slide screenshots, PDFs or image-only decks as PowerPoint files you can edit
- Educational Comic Maker Explains a topic, person or how-to as a multi-page illustrated comic
- Email Sequence Writer Plans and writes welcome, nurture, onboarding and win-back email sequences
- Executive Assistant Manages your Gmail, Calendar and Drive like a personal assistant
- Founder CFO Works out a business idea's profit margin, break-even point and first-year cash needs