excalidraw-diagram-generator

Generate Excalidraw JSON diagram files from natural language descriptions.

Updated May 27, 2026
One-click install
npx skills add https://github.com/baljinnyamday/autonomous-red-team-agent --skill excalidraw-diagram-generator-baljinnyamday
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw-diagram-generator
Source: https://github.com/baljinnyamday/autonomous-red-team-agent/tree/main/incalmo/.agents/skills/excalidraw-diagram-generator
Command: npx skills add https://github.com/baljinnyamday/autonomous-red-team-agent --skill excalidraw-diagram-generator-baljinnyamday

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Creating diagrams manually in drawing tools is slow and tedious, especially when you need to quickly visualize a process, system architecture, or concept hierarchy. This Skill converts plain-language descriptions directly into valid .excalidraw files that open immediately in Excalidraw. ## Core Features & Use Cases - Nine Diagram Types: Generate flowcharts, relationship diagrams, mind maps, architecture diagrams, data flow diagrams, swimlanes, class diagrams, sequence diagrams, and ER diagrams with correct layout conventions for each. - Icon Library Integration: Split downloaded .excalidrawlib icon sets (AWS, GCP, Kubernetes, etc.) into individual icon files and insert them into diagrams via Python scripts without consuming AI context tokens. - Deterministic Editing Scripts: Add icons and arrows to existing diagrams with automatic coordinate transformation, unique ID generation, and safe .edit-suffix file handling. - Use Case: Ask for an AWS architecture diagram with an Internet Gateway, VPC, load balancer, EC2 instance, and RDS database, and receive a ready-to-open .excalidraw file with real AWS icons, labels, and connecting arrows. ## Quick Start Ask the AI to create a flowchart of your user registration process and save it as an Excalidraw file.

Frequently Asked Questions about excalidraw-diagram-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an Excalidraw diagram from a text description?

Describe the diagram type, key elements, and their relationships in plain language. The Skill extracts the structure, generates the .excalidraw JSON with positioned rectangles, diamonds, arrows, and text, then saves a file you can open at excalidraw.com or in the VS Code extension.

How do I add AWS or cloud icons to an Excalidraw diagram?

Download the .excalidrawlib file from libraries.excalidraw.com, place it in a libraries subdirectory, and run split-excalidraw-library.py to extract individual icons. Then use add-icon-to-diagram.py to insert icons by name at specific coordinates with optional labels.

What diagram types can Excalidraw generate automatically?

The Skill supports nine types: flowcharts, relationship diagrams, mind maps, architecture diagrams, data flow diagrams, swimlane business flows, class diagrams, sequence diagrams, and ER diagrams. Each type follows specific layout and notation conventions described in the instructions.

Why do Excalidraw diagram elements overlap or look misaligned?

Overlaps happen when coordinate spacing is too tight. Use 200-300px horizontal gaps between elements and 100-150px vertical gaps between rows, and keep element counts under 20 per diagram for clarity.

What are the limitations of auto-generated Excalidraw diagrams?

Complex curves are simplified to straight or basic curved lines, embedded images are not supported, and there is no automatic collision detection. The recommended maximum is 20 elements per diagram, with larger requests split into multiple diagrams.