Does this skill require a Draw.io installation?

No, it renders diagrams using the diagrams.net web viewer via a local HTML file and a temporary Python HTTP server.

How do I see the diagrams I generate?

The skill automatically creates an HTML file with the embedded XML and uses browser automation to open and preview it for you.

Can I edit the generated diagrams later?

Yes, because the skill produces standard draw.io XML, you can save the output and import it into any draw.io or diagrams.net editor for further manual adjustments.

Can I generate cloud architecture diagrams?

Yes, the skill includes specialized styles for AWS components like EC2, S3, RDS, Lambda, and more.

Does it support complex logical flows?

Yes, it follows specific routing rules for edges and connectors to ensure that complex logic remains readable and organized within a standard canvas size.

Draw.io Diagram Architect

Name: Draw.io Diagram Architect
Author: ninehills

byninehills

•

设计工具

Generates professional draw.io diagrams and flowcharts from natural language descriptions for instant browser rendering.

关于

The Draw.io Diagram Architect skill transforms text-based requirements into structured draw.io XML diagrams, including technical flowcharts, cloud architecture maps, and mindmaps. It follows precise layout rules, uses standardized color palettes for visual clarity, and automates the entire rendering process by generating a local HTML environment to display the final output. This tool is ideal for developers and architects who need to visualize system designs, document business logic, or map out AWS cloud infrastructure directly within their Claude Code workflow without manual drawing.

主要功能

Extensive support for AWS architecture shapes and icons
Automated browser-based rendering via local HTTP server
Customizable themes with animated connectors and color palettes
5 GitHub stars
Natural language to valid draw.io XML conversion
Intelligent edge routing and layout constraint logic

使用场景

Visualizing complex application logic and decision-tree flowcharts
Designing and documenting AWS cloud infrastructure architectures
Creating project mindmaps and system component relationship diagrams

关于

主要功能

Extensive support for AWS architecture shapes and icons
Automated browser-based rendering via local HTTP server
Customizable themes with animated connectors and color palettes
5 GitHub stars
Natural language to valid draw.io XML conversion
Intelligent edge routing and layout constraint logic

使用场景

Visualizing complex application logic and decision-tree flowcharts
Designing and documenting AWS cloud infrastructure architectures
Creating project mindmaps and system component relationship diagrams