Excalidraw Diagrams

Excalidraw Diagrams - Claude Code Skill

A [Claude Code](https://docs.anthropic.com/en/docs/claude-code) skill for generating [Excalidraw](https://excalidraw.com) diagrams programmatically. Create flowcharts, architecture diagrams, and system designs without ASCII art.

Installation

Option 1: Personal Skill (Recommended for Individual Use)

Clone directly to your Claude Code skills directory:

git clone https://github.com/robtaylor/excalidraw-diagrams ~/.claude/skills/excalidraw-diagrams

Restart Claude Code or start a new session to activate the skill.

Option 2: Project Skill (For Team Collaboration)

Add to your project's `.claude/skills/` directory:

cd your-project
mkdir -p .claude/skills
git clone https://github.com/robtaylor/excalidraw-diagrams .claude/skills/excalidraw-diagrams
# Or add as a git submodule:
git submodule add https://github.com/robtaylor/excalidraw-diagrams .claude/skills/excalidraw-diagrams

Commit to your repository - team members will automatically get the skill when they pull.

Option 3: Claude.ai Web Interface

For use with Claude.ai (web interface), download the capability zip from the [latest release](https://github.com/robtaylor/excalidraw-diagrams/releases/latest) and upload it at [claude.ai/settings/capabilities](https://claude.ai/settings/capabilities).

Or build it yourself:

git clone https://github.com/robtaylor/excalidraw-diagrams
cd excalidraw-diagrams
python scripts/create_capability_zip.py
# Upload excalidraw-diagrams-capability.zip to Claude.ai

Option 4: Update an Existing Installation

cd ~/.claude/skills/excalidraw-diagrams && git pull

Usage

Once installed, Claude Code will automatically use this skill when you ask for diagrams. For example:

"Create a flowchart showing user authentication flow"

"Draw an architecture diagram for a microservices system"

"Make a diagram showing the data flow between frontend, API, and database"

Claude will ge