skillfed

excalidraw-diagram

This skill transforms text descriptions into Excalidraw diagrams across three output modes: Obsidian markdown files, standard Excalidraw JSON, and animated variants with playback sequencing. It detects your intent from trigger words, selects an appropriate diagram type, and handles layout, typography, and color styling automatically.

Excalidraw Diagram generates visual diagrams from text in multiple output formats including Obsidian and animated modes.

AI-generated summary based on this skill's SKILL.md

4,045 486 MIT updated by breferrari

Install

breferrari/obsidian-mind/excalidraw-diagram · repository language: TypeScript

CLI (skillfed)coming soon
git clone https://github.com/breferrari/obsidian-mind
cp -r obsidian-mind/.claude/skills/excalidraw-diagram ~/.claude/skills/excalidraw-diagram

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

Can excalidraw-diagram create excalidraw diagram from text?

excalidraw-diagram transforms text descriptions into Excalidraw diagrams across three output modes: Obsidian markdown files, standard Excalidraw JSON, and animated variants with playback sequencing. The skill detects your intent from trigger words, selects an appropriate diagram type, and handles layout, typography, and color styling automatically.

What diagram types can excalidraw-diagram generate?

excalidraw-diagram visualizes workflows, hierarchies, and relationships automatically. It can generate flowcharts, mind maps, timeline diagrams, and relationship visualizations. The skill detects your content intent and selects the most appropriate diagram type for your needs.

Does excalidraw-diagram support animated diagrams?

Yes, excalidraw-diagram creates animated Excalidraw files for dynamic presentations with playback sequencing. You can export these animations alongside standard static diagrams, making it suitable for both interactive presentations and documentation.

What export formats does excalidraw-diagram offer?

excalidraw-diagram exports diagrams to Obsidian markdown or standard Excalidraw JSON format. This flexibility lets you integrate diagrams directly into Obsidian vaults or use them in any Excalidraw-compatible application.

How does excalidraw-diagram handle diagram styling?

excalidraw-diagram handles layout, typography, and color styling automatically. It converts structured content into publication-ready diagrams without requiring manual formatting, saving time on visual refinement.

What license does excalidraw-diagram use?

excalidraw-diagram is released under the MIT license, allowing free use, modification, and distribution in both personal and commercial projects.

SKILL.md

rendered from the published skill — quoted content, verbatim

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

(truncated - see the full file via the links below)

Read as markdown · JSON record · Browse the source repository

File tree — 2 files
.claude/skills/excalidraw-diagram/SKILL.md
.claude/skills/excalidraw-diagram/references/excalidraw-schema.md

Related skills

Tags

diagram-automation visual-thinking obsidian-integration flowchart-builder animation-support json-export sketch-tool knowledge-mapping process-visualization