Creates and edits professional draw.io diagrams and flowcharts using AI-optimized XML generation.
The Draw.io skill enables Claude to act as a visual architect by generating and modifying .drawio XML files directly within your workspace. It streamlines the creation of complex visuals—such as system architectures, sequence diagrams, and flowcharts—by using a simplified 'mxCell' generation approach that prevents common AI formatting errors. With built-in rules for edge routing, color styling, and coordinate constraints, this skill ensures diagrams are readable, professional, and fully compatible with the Draw.io editor and VS Code integrations.
主な機能
01Standardized styling for flowcharts, swimlanes, and sequence diagrams
02Support for exporting diagrams to editable .drawio.png files via Docker
030 GitHub stars
04AI-optimized XML generation focusing on mxCell elements to minimize syntax errors
05Smart edge routing and obstacle avoidance to prevent overlapping lines
06Precise layout control with coordinate constraints and automated parent-child nesting
ユースケース
01Documenting API sequence diagrams and microservice interactions
02Visualizing complex cloud infrastructure and system architecture designs
03Generating business process flowcharts and logic decision trees
