Do I need a graphical interface to use this?

No, this skill allows Claude to manage diagrams entirely through code and terminal commands, making it ideal for headless environments or automated documentation.

Can I export diagrams to image formats?

Yes, the skill includes specific CLI commands like drawio-export to convert XML files into high-resolution PNG, SVG, or PDF formats directly from the terminal.

How does it handle complex connectors and arrows?

It uses orthogonal edge styles and specific layering rules—placing arrows in the background of the XML—to ensure connectors remain clear and professional even in dense diagrams.

Can I edit existing .drawio files with this skill?

Yes, the skill is designed to parse and modify existing XML-based .drawio files, allowing for iterative design updates and maintenance.

Does this skill support Japanese text rendering?

Absolutely. It is pre-configured to use Noto Sans JP fonts and specific width calculations to ensure Japanese characters render correctly in all diagram elements.

Draw.io Diagram Master

Name: Draw.io Diagram Master
Author: akiojin

byakiojin

0•

디자인 도구

Generates and edits professional draw.io diagrams in XML format for technical architecture and flowcharts.

The drawio skill empowers Claude to programmatically create, modify, and export visual diagrams using the draw.io (.drawio) XML format. It provides comprehensive support for a variety of shapes—including rectangles, ellipses, and diamonds—while specializing in high-visibility styling and Japanese typography with Noto Sans JP. Whether you need to visualize a complex software architecture, map out a business process, or export diagrams to high-resolution PNGs via CLI tools, this skill ensures consistency, readability, and professional aesthetic standards in your technical documentation workflow.