excalidraw-diagram-generator

Generated source view for the actual executable engineering/excalidraw-diagram-generator skill. The durable routing article is Security and Review Skills. Source: skills/engineering/excalidraw-diagram-generator/SKILL.md

Runtime Source

Field Value
Category engineering
Origin personal
Slug excalidraw-diagram-generator
Source slug excalidraw-diagram-generator
Family Security and Review Skills
Source skills/engineering/excalidraw-diagram-generator/SKILL.md

Bundled Resources

These files are part of the executable skill folder and must be preserved with the skill source.

File Role
references/details.md Progressive reference
references/element-types.md Progressive reference
references/excalidraw-schema.md Progressive reference
scripts/.gitignore Executable helper
scripts/README.md Executable helper
scripts/add-arrow.py Executable helper
scripts/add-icon-to-diagram.py Executable helper
scripts/split-excalidraw-library.py Executable helper
templates/business-flow-swimlane-template.excalidraw Template
templates/class-diagram-template.excalidraw Template
templates/data-flow-diagram-template.excalidraw Template
templates/er-diagram-template.excalidraw Template
templates/flowchart-template.excalidraw Template
templates/mindmap-template.excalidraw Template
templates/relationship-template.excalidraw Template
templates/sequence-diagram-template.excalidraw Template

Description

Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", "generate an Excalidraw file", "show this system visually", or "draw the agent/system architecture". Supports flowcharts, relationship diagrams, mind maps, system snapshots, and architecture diagrams. Outputs .excalidraw JSON files that can be opened directly in Excalidraw, with PNG/SVG previews when useful.

Skill Source

---
name: excalidraw-diagram-generator
description: 'Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", "generate an Excalidraw file", "show this system visually", or "draw the agent/system architecture". Supports flowcharts, relationship diagrams, mind maps, system snapshots, and architecture diagrams. Outputs .excalidraw JSON files that can be opened directly in Excalidraw, with PNG/SVG previews when useful.'
origin: personal
source_slug: excalidraw-diagram-generator
---


# Excalidraw Diagram Generator

A skill for generating Excalidraw-format diagrams from natural language descriptions. This skill helps create visual representations of processes, systems, relationships, and ideas without manual drawing.

## When to Use This Skill

Use this skill when users request:

- "Create a diagram showing..."
- "Make a flowchart for..."
- "Visualize the process of..."
- "Draw the system architecture of..."
- "Generate a mind map about..."
- "Create an Excalidraw file for..."
- "Show the relationship between..."
- "Diagram the workflow of..."

**Supported diagram types:**
- 📊 **Flowcharts**: Sequential processes, workflows, decision trees
- 🔗 **Relationship Diagrams**: Entity relationships, system components, dependencies
- 🧠 **Mind Maps**: Concept hierarchies, brainstorming results, topic organization
- 🏗️ **Architecture Diagrams**: System design, module interactions, data flow
- 📈 **Data Flow Diagrams (DFD)**: Data flow visualization, data transformation processes
- 🏊 **Business Flow (Swimlane)**: Cross-functional workflows, actor-based process flows
- 📦 **Class Diagrams**: Object-oriented design, class structures and relationships
- 🔄 **Sequence Diagrams**: Object interactions over time, message flows
- 🗃️ **ER Diagrams**: Database entity relationships, data models


## Progressive Disclosure

This `SKILL.md` is the routing layer. Detailed recipes, examples, integration notes, and troubleshooting guidance live in `references/details.md` so they are loaded only when the task needs them.

Before producing concrete output, making a design recommendation, or debugging an implementation, load the relevant reference section below. Do not rely on memory for branch-specific APIs, examples, or caveats.

| Task branch | Read first |
| --- | --- |
| Prerequisites | `references/details.md#prerequisites` |
| Agent and System Snapshot Mode | `references/details.md#agent-and-system-snapshot-mode` |
| Step-by-Step Workflow | `references/details.md#step-by-step-workflow` |
| Best Practices | `references/details.md#best-practices` |
| Example Prompts and Responses | `references/details.md#example-prompts-and-responses` |
| Troubleshooting | `references/details.md#troubleshooting` |
| Advanced Techniques | `references/details.md#advanced-techniques` |
| Output Format | `references/details.md#output-format` |
| Validation Checklist | `references/details.md#validation-checklist` |
| Icon Libraries (Optional Enhancement) | `references/details.md#icon-libraries-optional-enhancement` |
| References | `references/details.md#references` |
| Limitations | `references/details.md#limitations` |
| Future Enhancements | `references/details.md#future-enhancements` |

Timeline

1 page links here