Does it support Japanese characters?

Absolutely. It defaults to Noto Sans JP and includes specific spacing rules (30-40px per character) for Japanese text to ensure proper rendering.

How does the skill handle element overlapping?

The skill follows a specific ordering rule where connectors are written first to the XML to ensure they reside on the background layer, keeping labels and shapes visible.

Does it handle complex layouts like sequence diagrams?

Yes, it provides the necessary XML templates for various shapes including rectangles, diamonds, and orthogonal connectors required for technical diagrams.

Can I edit existing .drawio files with this skill?

Yes, the skill is designed to parse and modify existing XML structures within .drawio files while maintaining consistent styling and layout rules.

How do I export my diagrams to image formats?

The skill provides optimized CLI commands for the draw.io desktop app to export high-resolution, transparent PNGs directly from the terminal.

Draw.io Diagram Architect

Name: Draw.io Diagram Architect
Author: akiojin

byakiojin

•

디자인 도구

Generates and edits professional-grade draw.io diagrams in XML format directly through Claude Code.

This skill enables Claude to programmatically create and modify .drawio files using their native XML structure. It simplifies the process of generating complex visual documentation such as system architectures, flowcharts, and sequence diagrams. By handling intricate styling details—including Noto Sans JP font support, specific shape geometry, and layered element positioning—it ensures diagrams are not only functional but also visually consistent and ready for high-resolution PNG export via the draw.io CLI.

주요 기능

01Native XML generation and editing for .drawio files

02Pre-configured support for Noto Sans JP and localized styling

03Layered rendering support (Z-index management) for complex diagrams

04Automated layout calculations for labels and connectors

05Integration with drawio CLI for high-resolution PNG exports

061 GitHub stars

사용 사례

01Documenting complex software logic via flowcharts and sequence diagrams

02Creating cloud infrastructure architecture diagrams

03Updating existing documentation diagrams during codebase refactoring

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add akiojin/llm-router drawio

For use in Claude.ai and ChatGPT

Download Skill