excalidraw-diagram-generator

Generate Excalidraw JSON diagram files from natural language descriptions.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/hoonsubin/scrum-master-mcp-server --skill excalidraw-diagram-generator-hoonsubin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw-diagram-generator
Source: https://github.com/hoonsubin/scrum-master-mcp-server/tree/main/.roo/skills/excalidraw-diagram-generator
Command: npx skills add https://github.com/hoonsubin/scrum-master-mcp-server --skill excalidraw-diagram-generator-hoonsubin

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 flowcharts, architecture diagrams, or mind maps quickly from a written description. This Skill converts natural language requests directly into valid .excalidraw files that open immediately in Excalidraw. ## Core Features & Use Cases - Multi-Type Diagram Generation: Produces flowcharts, relationship diagrams, mind maps, architecture diagrams, DFDs, swimlanes, class diagrams, sequence diagrams, and ER diagrams as valid Excalidraw JSON. - Icon Library Integration: Splits .excalidrawlib files into individual icons and inserts them into diagrams via Python scripts, enabling professional AWS/GCP/cloud architecture visuals without loading large icon data into context. - Deterministic Editing Scripts: Adds 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 VPC, ELB, EC2, and RDS; the Skill creates the base file, places official icons with labels, and connects them with styled arrows. ## Quick Start Ask the agent to create a flowchart of your user registration process and save it as an .excalidraw file you can open at excalidraw.com.

Frequently Asked Questions about excalidraw-diagram-generator

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

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

Describe the diagram type, key elements, and relationships in natural language, and the Skill produces a complete .excalidraw JSON file. Open the result at excalidraw.com via drag-and-drop or use the Excalidraw VS Code extension.

What diagram types can Excalidraw generate automatically?▼

Supported types include flowcharts, relationship diagrams, mind maps, architecture diagrams, data flow diagrams, swimlane business flows, class diagrams, sequence diagrams, and ER diagrams. Each type has specific extraction rules for entities, steps, and connections.

How do I add AWS architecture icons to an Excalidraw diagram?▼

Download an .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 at specific coordinates with optional labels.

Can I edit an existing .excalidraw file programmatically?▼

Yes, the add-icon-to-diagram.py and add-arrow.py scripts append elements to existing diagrams with automatic ID generation and coordinate transformation. They use an .excalidraw.edit suffix by default to avoid conflicts with open editors.

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 about 20 elements per diagram for clarity.