Draw.io Diagram Architect

About

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.

Key Features

• Native XML generation and editing for .drawio files
• Pre-configured support for Noto Sans JP and localized styling
• Layered rendering support (Z-index management) for complex diagrams
• Automated layout calculations for labels and connectors
• Integration with drawio CLI for high-resolution PNG exports
• 1 GitHub stars

Use Cases

• Documenting complex software logic via flowcharts and sequence diagrams
• Creating cloud infrastructure architecture diagrams
• Updating existing documentation diagrams during codebase refactoring