excalidraw-diagram-generator

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.

Category
Engineering
Skill
050 of 261
Source
Kevin wiki

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 branchRead first
Prerequisitesreferences/details.md#prerequisites
Agent and System Snapshot Modereferences/details.md#agent-and-system-snapshot-mode
Step-by-Step Workflowreferences/details.md#step-by-step-workflow
Best Practicesreferences/details.md#best-practices
Example Prompts and Responsesreferences/details.md#example-prompts-and-responses
Troubleshootingreferences/details.md#troubleshooting
Advanced Techniquesreferences/details.md#advanced-techniques
Output Formatreferences/details.md#output-format
Validation Checklistreferences/details.md#validation-checklist
Icon Libraries (Optional Enhancement)references/details.md#icon-libraries-optional-enhancement
Referencesreferences/details.md#references
Limitationsreferences/details.md#limitations
Future Enhancementsreferences/details.md#future-enhancements