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.

主な機能

01Extensive support for AWS architecture shapes and icons

02Automated browser-based rendering via local HTTP server

03Customizable themes with animated connectors and color palettes

045 GitHub stars

05Natural language to valid draw.io XML conversion

06Intelligent edge routing and layout constraint logic

ユースケース

01Visualizing complex application logic and decision-tree flowcharts

02Designing and documenting AWS cloud infrastructure architectures

03Creating project mindmaps and system component relationship diagrams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ninehills/skills diagram-generator

For use in Claude.ai and ChatGPT

Download Skill