$npx skillfedfor your agent

Drawio

Drawio transforms text descriptions and existing codebases into polished, editable diagrams via the draw.io desktop CLI. It offers six diagram presets (ERD, UML class, sequence, architecture, ML/DL, flowchart), access to 10,000+ official AWS, Azure, GCP, Cisco, Kubernetes, and BPMN shapes, plus 321 AI and LLM brand logos. The skill includes vision-based self-checking and iterative refinement to ensure precision before exporting to your choice of formats.

Drawio converts natural-language descriptions and codebases into editable diagrams exported as PNG, SVG, PDF, or JPG.

AI-generated summary based on this skill's SKILL.md

38 5 unlicensed, metadata onlyupdated by akillness

Decision gist · record as of 2026-07-28

Drawio converts natural-language descriptions and codebases into editable diagrams exported as PNG, SVG, PDF, or JPG. Drawio transforms text descriptions and existing codebases into polished, editable diagrams via the draw.io desktop CLI. It offers six diagram presets (ERD, UML class, sequence, architecture, ML/DL, flowchart), access to 10,000+ official AWS, Azure, GCP, Cisco, Kubernetes, and BPMN shapes, plus 321 AI and LLM brand logos. The skill includes vision-based self-checking and iterative refinement to ensure precision before exporting to your choice of formats.

manual: git clone https://github.com/akillness/jeo-skills → cp -r jeo-skills ~/.claude/skills/drawio

Use it when

  • Yes, Drawio includes flowchart as one of its six diagram presets, making it straightforward to create flowcharts.
  • Drawio functions as a free online diagramming tool accessible via the draw.io desktop CLI.
Same gist for agents: .md · .json

Install

akillness/jeo-skills/drawio · repository language: TypeScript

generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

What is Drawio and what can I create with it?

Drawio is a powerful visual editor that transforms text descriptions and existing codebases into polished, editable diagrams. With Drawio, you can create six types of diagram presets including ERD, UML class, sequence, architecture, ML/DL, and flowchart diagrams. The tool provides access to over 10,000 official shapes from AWS, Azure, GCP, Cisco, Kubernetes, and BPMN, plus 321 AI and LLM brand logos, enabling you to build professional-quality visual designs for any technical or business need.

Can I create flowcharts with Drawio?

Yes, Drawio includes flowchart as one of its six diagram presets, making it straightforward to create flowcharts. Drawio offers comprehensive shape libraries and connectors to build detailed flowcharts, and the tool features vision-based self-checking and iterative refinement to ensure your flowchart is accurate before you export it to your preferred format.

Is Drawio a free online diagramming tool?

Drawio functions as a free online diagramming tool accessible via the draw.io desktop CLI. It provides extensive diagramming capabilities without cost, including access to thousands of professional shapes and templates. Drawio supports multiple export formats, making it an excellent free alternative for teams and individuals who need robust diagram creation without subscription fees.

How does Drawio support team collaboration?

Drawio operates as a collaboration tool that enables team members to work together on visual projects. The platform supports cloud storage integration, allowing teams to share and co-edit diagrams. Drawio's iterative refinement features and vision-based checking help ensure all collaborators maintain diagram precision and consistency throughout the design process.

What export formats does Drawio support?

Drawio offers multiple export format options for your completed diagrams, including SVG export capabilities. This flexibility allows you to export diagrams in the format best suited to your workflow, whether for web integration, documentation, presentations, or further editing in other tools.

What diagram types can I create with Drawio presets?

Drawio includes six diagram presets to jumpstart your work: ERD (Entity-Relationship Diagrams), UML class diagrams, sequence diagrams, architecture diagrams, ML/DL (Machine Learning/Deep Learning) diagrams, and flowcharts. Each preset comes with relevant shapes and templates, and Drawio's vision-based self-checking ensures your diagrams meet professional standards before export.

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Create and edit diagrams, flowcharts, and visual designs”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

drawio-skill
by Agents365-ai · Agents365-ai/drawio-skill

drawio-skill creates polished diagrams—architecture, UML, ER, flowcharts, BPMN, and more—from text descriptions or code imports. It generates .drawio XML and exports locally via the draw.io desktop CLI to PNG, SVG, PDF, or JPG, with optional embedding for editability. Use it for precise, styled diagrams with rich shape libraries and swimlanes; for casual sketches or Markdown-embedded diagrams, consider mermaid or excalidraw instead.

MITupdated Jul 2026
★ 6,723repo stars
diagramming
by xobotyi · xobotyi/cc-foundry

Diagramming guides you through format selection, layout strategy, and design rules for creating clear, professional technical diagrams. Whether you're building flowcharts, architecture diagrams, or entity relationships in Excalidraw or Mermaid, it prioritizes communication first—ensuring every element serves a purpose and spacing reinforces meaning.

MITupdated Jul 2026
★ 18repo stars
Plantuml Skill
by Agents365-ai · Agents365-ai/365-skills

PlantUML Skill creates sequence, class, component, ER, and other UML diagrams from text descriptions, exporting to PNG or SVG through the Kroki rendering API. It requires only curl and works across macOS, Linux, and Windows, with optional local Docker or PlantUML jar backends for offline use.

no license declared → metadata onlyupdated Jul 2026
★ 24repo stars
drawio
by jgraph · jgraph/drawio-mcp

drawio generates native .drawio diagram files from either Mermaid syntax or draw.io XML, supporting flowcharts, architecture diagrams, ER diagrams, sequence diagrams, and more. Export to PNG, SVG, or PDF with embedded XML for editing, or open directly in the draw.io editor via browser URL. XML diagrams can be auto-laid out using ELK layout presets.

Apache-2.0for claude-code, codexupdated Jul 2026
★ 5,003repo stars
Agents Bruce Drawio
by bruc3van · bruc3van/agent-skills-guard

This skill transforms diagram requirements into draw.io XML, then exports the result as an image. It handles flowcharts, architecture layers, UML sequences and classes, entity-relationship diagrams, mindmaps, and network topologies—each with layout rules tuned for clarity and spacing.

no license declared → metadata onlyupdated Jul 2026
★ 379repo stars
draw-io
by malue-ai · malue-ai/dazee-small

Create polished diagrams—flowcharts, organizational hierarchies, UML schematics, and network layouts—as draw.io-compatible XML files. The skill handles diagram structure, styling, and layout, then outputs files you can open directly in draw.io's desktop or web application.

MITdocs in Chineseupdated Mar 2026
★ 35repo stars

More skills drawio-aws (MIT) · drawio-azure (MIT) · drawio-bpmn (MIT) · drawio-gcp (MIT) · drawio-databricks (MIT) · Drawio Diagram Forge (NOASSERTION)

Tags
diagram-creationvisual-modelingflowchart-buildercollaborative-designvector-graphicsschema-visualizationshape-libraryexport-formats