excalidraw-diagram

Featured

Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "diagram", "standard excalidraw", "animate".

AI & Automation 4,009 stars 480 forks Updated today MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Excalidraw Diagram Generator Create Excalidraw diagrams from text content with multiple output formats. ## Output Modes Select output mode based on the user's trigger words: | Trigger Words | Output Mode | File Format | Use Case | |---------------|-------------|-------------|----------| | `Excalidraw`, `diagram`, `flowchart`, `mind map` | **Obsidian** (default) | `.md` | Open directly in Obsidian | | `standard excalidraw` | **Standard** | `.excalidraw` | Open/edit/share on excalidraw.com | | `animate`, `animated excalidraw` | **Animated** | `.excalidraw` | Drag to excalidraw-animate to generate animation | ## Workflow 1. **Detect output mode** from trigger words (see Output Modes table above) 2. Analyze content - identify concepts, relationships, hierarchy 3. Choose diagram type (see Diagram Types below) 4. Generate Excalidraw JSON (add animation order if Animated mode) 5. Output in correct format based on mode 6. **Automatically save to current working directory** 7. Notify user with file path and usage instructions ## Output Formats ### Mode 1: Obsidian Format (Default) **Output strictly in the following structure, with no modifications:** ```markdown --- excalidraw-plugin: parsed tags: [excalidraw] --- ==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠== You can decompress Drawing data with the command palette: 'Decompress current Excalidraw file'. For more info check in plugin settings under 'Saving' # Excalidraw Data ## Text Element...

Details

Author
breferrari
Repository
breferrari/obsidian-mind
Created
4 months ago
Last Updated
today
Language
TypeScript
License
MIT

Bundled in these plugins

obsidian

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

excalidraw-diagram

Create Excalidraw diagrams as `.excalidraw` JSON that make a visual argument — not just labeled boxes. Use when the user wants to draw, sketch, visualize, or diagram a system architecture, software design, workflow, flowchart, sequence, data flow, state machine, pipeline, org chart, mind map, concept map, network topology, or process — in a hand-drawn, sketchy whiteboard style. Produces valid, themeable `.excalidraw` files that render to PNG and open in Excalidraw, Obsidian, or VS Code. Triggers on phrases like "make a diagram", "draw the architecture", "visualize this", "excalidraw", "flowchart", "system design diagram", "sketch this out", or "whiteboard it".

1 Updated yesterday
isatimur
Data & Documents Listed

excalidraw-diagram

Use this skill when the user wants to create visual diagrams that argue a point, explain an architecture, or teach a concept. Trigger on: "excalidraw", "visual diagram", "draw an architecture", "whiteboard diagram", "visualize this system", "create a diagram showing", "concept diagram", or any request for editable hand-drawn-style diagrams. Also trigger when the user wants diagrams with code snippets, JSON examples, or evidence artifacts embedded — this skill excels at educational technical diagrams. Generates .excalidraw JSON files with Playwright-based render-and-validate loop.

2 Updated today
petermcalister
AI & Automation Solid

excalidraw

Create and revise editable `.excalidraw` diagrams as Excalidraw JSON for architecture diagrams, flowcharts, sequence diagrams, concept maps, and other hand-drawn explainers.

125 Updated today
HybridAIOne