Can I customize the visual style of the diagrams?

The skill follows a professional color palette and layout constraints by default, but you can provide specific instructions for colors, shapes, and edge routing in your prompt.

Does it support cloud architecture shapes?

Yes, it includes specialized styles for common AWS icons such as EC2, S3, RDS, Lambda, DynamoDB, and more for creating professional infrastructure maps.

How does the skill render the diagrams?

The skill generates a compliant draw.io XML file, embeds it into a custom HTML template, and serves it via a local HTTP server to display a live preview in your default browser.

Do I need to install draw.io locally?

No, the skill uses the diagrams.net web viewer to render the XML, so you only need a browser and the Claude Code environment to view your diagrams.

AI Draw.io Diagram Generator

Name: AI Draw.io Diagram Generator
Author: GBSOSS

byGBSOSS

•

设计工具

Generates professional draw.io flowcharts and architecture diagrams from natural language with instant browser previews.

The AI Draw.io Diagram Generator transforms textual descriptions into high-quality visual diagrams directly within the Claude Code environment. By generating precise XML specifications and rendering them via a local HTTP server using the draw.io viewer, it allows developers to visualize complex system architectures, logic flows, and mind maps without leaving the terminal. It features specialized support for AWS cloud shapes, animated connectors, and standardized styling to ensure consistent, professional documentation for any project.

主要功能

01Natural language to draw.io XML transformation

02Automated browser rendering with local HTTP server preview

0345 GitHub stars

04Standardized styling for flowcharts, decisions, and process nodes

05Built-in support for AWS architecture icons and cloud shapes

06Animated connectors for dynamic process flow visualization

使用场景

01Creating logic flowcharts during the software design phase

02Visualizing complex system architectures and cloud infrastructure

03Generating mind maps for brainstorming and project planning

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gbsoss/ai-drawio diagram-generator

For use in Claude.ai and ChatGPT

Download Skill