skills.rest
yuki-yano
yuki-yanoCOMMUNITY
Explore all skills by this author →
𝕏@yuki_ycinoGitHub

drawio

Generate native .drawio diagrams from prompts and export to PNG, SVG, PDF, or JPG.

64|2|Updated Feb 8, 2018
Search Tags:#automation#cli#flowchart#export#diagram#drawio
One-click install
npx skills add https://github.com/yuki-yano/dotfiles --skill drawio-yuki-yano
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio
Source: https://github.com/yuki-yano/dotfiles/tree/main/.agents/skills/drawio
Command: npx skills add https://github.com/yuki-yano/dotfiles --skill drawio-yuki-yano

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates the creation of native draw.io diagrams from user prompts, eliminating manual diagram drawing and format conversions.

Core Features & Use Cases

  • Native .drawio generation from prompts.
  • Optional export to PNG/SVG/PDF/JPG using the draw.io CLI.
  • Automatic detection of the draw.io CLI on PATH or installed applications.
  • Safe file handling with kebab-case naming and automatic cleanup of intermediates when not kept.

Quick Start

Provide a diagram prompt and desired output format; the skill generates a native .drawio file and exports to PNG/SVG/PDF/JPG as requested.

Frequently Asked Questions about drawio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a draw.io flowchart automatically from a text prompt?▼

You can automate draw.io diagram generation by providing a prompt describing the flowchart, sequence diagram, or ER diagram. The tool writes native .drawio XML via Bash heredoc and exports the result to your chosen format.

Can I export .drawio diagrams to PNG or SVG without opening the GUI?▼

Yes, you can export .drawio diagrams to PNG, SVG, PDF, or JPG without the GUI. The tool detects the draw.io CLI on PATH or in standard app locations and executes the format conversion automatically.

Do I need the draw.io CLI installed to create and export native .drawio files?▼

Yes, you need the draw.io CLI installed to export native .drawio files. The tool detects the CLI on PATH or in standard app locations to write the XML and execute the format conversion.

What is the best way to automate architecture diagram creation for software design?▼

The best way to automate architecture diagram creation is using a prompt-driven tool that generates native .drawio XML. It eliminates manual drawing by writing the diagram structure and exporting it via the draw.io CLI.

How does the tool handle intermediate files when exporting diagrams?▼

The tool handles intermediate files using safe file practices with kebab-case naming. It automatically cleans up intermediate .drawio XML files when they are not explicitly kept by the user.

Related Skills

Explore More Design & Creative Skills→
ntaksh42ntaksh42
1

drawio-diagram

Generate and open Draw.io diagrams from XML, CSV, and Mermaid syntax.

Community
Intermediate
OpenElementsLabsOpenElementsLabs

drawio

Generate native .drawio files with embedded mxGraphModel XML.

Official
Intermediate
yuvarajd85yuvarajd85
1

ar-diagram

Translate architecture requests into Mermaid and DrawIO diagrams-as-code files.

Community
Advanced
vuminhieuvuminhieu

mermaidjs-v11

Render Mermaid.js v11 diagrams to SVG, PNG, or PDF via CLI.

Community
Intermediate