Does this skill support existing draw.io files?

Yes, it can read and update existing .drawio and .drawio.svg files, allowing for iterative improvements, refactoring, or adding new components to existing layouts.

Which AI models are compatible with this skill?

The skill supports integration with Anthropic Claude (3.7/4.0/4.5 Sonnet), Google Gemini (2.0/2.5), OpenAI GPT-4o, and custom self-hosted LLM endpoints via API keys.

How does it ensure diagrams are valid?

It implements a rigorous validation checklist that verifies unique IDs, mandatory structural cells (0 and 1), vertex/edge geometry, and correct camelCase style properties.

What diagram types can this skill generate?

It can generate a wide range of technical diagrams including cloud architectures (AWS/GCP/Azure), UML sequence diagrams, logic flowcharts, and Entity Relationship (ER) diagrams for database modeling.

Why does it use a simplified XML format for generation?

The simplified mxGraphModel format reduces complexity and token overhead for LLMs, resulting in lower error rates and faster generation while remaining fully compatible with the draw.io editor.

AI Diagram Generator for draw.io

Name: AI Diagram Generator for draw.io
Author: markus41

bymarkus41

•

Herramientas de Diseño

Generates and optimizes professional technical diagrams using AI-powered draw.io integration and specialized XML formatting.

This skill empowers Claude to create, modify, and validate complex technical diagrams directly within the draw.io ecosystem using optimized XML structures. By leveraging specific LLM-friendly formatting and built-in AI features, it streamlines the creation of system architectures, sequence diagrams, flowcharts, and ER diagrams. It ensures technical accuracy by enforcing mandatory structural cells, unique ID management, and correct style property mappings, making it an essential tool for developers and architects who need to document complex systems efficiently.

Características Principales

01Optimized prompt engineering templates for multi-model LLM support

0210 GitHub stars

03Intelligent XML validation for draw.io compatibility and structural integrity

04Support for updating and assisting with existing .drawio and .svg files

05Automated generation of cloud architectures, sequence diagrams, and flowcharts

06Standardized styling and perimeter matching for professional visual output

Casos de Uso

01Generating cloud architecture diagrams from natural language infrastructure descriptions

02Developing database ER diagrams with Crow's foot notation and relational mapping

03Creating UML sequence diagrams to document authentication or data flows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add markus41/claude ai-generation

For use in Claude.ai and ChatGPT