🎯

excalidraw-diagram

🎯Skill

from axtonliu/axton-obsidian-visual-skills

VibeIndex|
What it does
|

Skills for generating Excalidraw diagrams from text content with three output modes: Obsidian markdown, standard Excalidraw files, and animated Excalidraw with animation order.

Overview

Excalidraw Diagram Generator is a Claude Code skill that creates Excalidraw diagrams from text content with support for three output modes: Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). It analyzes content to identify concepts, relationships, and hierarchy, then generates appropriate diagram types such as flowcharts, mind maps, and other visual formats.

Key Features

  • Three Output Modes - Generates diagrams in Obsidian-compatible markdown, standard Excalidraw JSON for excalidraw.com, and animated format for excalidraw-animate
  • Multi-Language Triggers - Responds to both English and Chinese trigger words including "diagram", "flowchart", "mind map", and their Chinese equivalents
  • Content Analysis - Automatically analyzes text to identify concepts, relationships, and hierarchical structures, then selects the appropriate diagram type
  • Animation Support - Adds animation ordering to diagram elements with configurable sequence and duration for creating animated presentations
  • Auto-Save - Automatically saves generated diagrams to the current working directory and notifies users with the file path

Who is this for?

This skill is designed for knowledge workers, students, and developers who use Obsidian or Excalidraw and want to quickly transform text-based content into visual diagrams. It is particularly useful for anyone who needs to create flowcharts, mind maps, or architectural diagrams from notes and documentation without manually drawing them.

📦

Same repository

axtonliu/axton-obsidian-visual-skills(3 items)

excalidraw-diagram

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add axtonliu/axton-obsidian-visual-skills --skill excalidraw-diagram
skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add axtonliu/axton-obsidian-visual-skills --skill excalidraw-diagram
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/excalidraw-diagram/SKILL.md

SKILL.md

1,217Installs
1,200
-
Last UpdatedJan 16, 2026