Skills

Excalidraw Diagrams

Generates Excalidraw diagrams as Obsidian, standard or animated files from text.

Install

npx skills add breferrari/obsidian-mind --skill excalidraw-diagram -g -a claude-code -y
Category
Design
Updated
18d ago
License
MIT
Context cost
Mediumabout 3,000 tokens
Runs scripts
No, instructions only

What it does

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".

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 WordsOutput ModeFile FormatUse Case
Excalidraw, diagram, flowchart, mind mapObsidian (default).mdOpen directly in Obsidian
standard excalidrawStandard.excalidrawOpen/edit/share on excalidraw.com
animate, animated excalidrawAnimated.excalidrawDrag 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:

---
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 Elements
%%
## Drawing
\`\`\`json
{complete JSON data}
\`\`\`
%%

Key points:

  • Frontmatter must include tags: [excalidraw]
  • Warning message must be included in full
  • JSON must be wrapped in %% markers
  • No excalidraw-* plugin settings in frontmatter other than excalidraw-plugin: parsed (the tags: [excalidraw] entry above is separate and still required)
  • File extension: .md

Mode 2: Standard Excalidraw Format

Output pure JSON file, openable on excalidraw.com:

Read the whole SKILL.md on GitHub

More in Design