LAMZANJYU

Excalidraw Claude Code Skill — Development skill for Claude Code

Development community

A Claude Code skill that generates Excalidraw diagrams from natural language.

How to install Excalidraw Claude Code Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open LAMZANJYU/excalidraw-claude-code-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Excalidraw Claude Code Skill does

A Claude Code skill that generates Excalidraw diagrams from natural language. Just describe what you want, and paste with Cmd+V.一个 Claude Code 技能,通过自然语言生成 Excalidraw 图表。描述你想要的图,Cmd+V 粘贴即可。

Alternatives in Development

  • Internet Court Skill — The trust layer for agent-to-agent commerce — natural-language mandates, ERC-7710 delegated permissions, x402 4.9k ★
  • Auto — Smart router - Single entry point with natural language intent detection 2.8k ★
  • Shortcuts Playground Plugin — Shortcuts Playground: A Claude Code and Codex plugin for building, validating, signing, and remixing macOS/iOS 1.1k ★

README

Excalidraw Claude Code Skill

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![Claude Code](https://img.shields.io/badge/Claude-Code-blueviolet)](https://claude.ai/claude-code) [![Excalidraw](https://img.shields.io/badge/Excalidraw-6965db?logo=excalidraw&logoColor=white)](https://excalidraw.com)

[🇨🇳 中文文档](./README_CN.md)

A Claude Code skill that generates Excalidraw diagrams through natural language conversation.

✨ Features

Feature Description
🎨 Chat to Diagram Describe what you want, get a diagram instantly
📋 Auto Clipboard Diagram data copied automatically
🌐 Auto Open Editor Opens excalidraw.com, just Cmd+V to paste
📊 Multiple Types Flowcharts, sequence diagrams, architecture, mind maps

🚀 Installation

git clone https://github.com/LAMZANJYU/excalidraw-claude-code-skill.git ~/.claude/skills/excalidraw-claude-code-skill

Or manually download `SKILL.md` to `~/.claude/skills/excalidraw-claude-code-skill/`.

📖 Usage

Just tell Claude Code what you need:

Draw a login flowchart
Draw a user authentication sequence diagram
Draw a microservices architecture diagram

Claude will automatically:

  1. ✅ Generate the Excalidraw diagram
  2. ✅ Copy to clipboard
  3. ✅ Open excalidraw.com

Then just press **Cmd+V** to paste and see your diagram!

💡 Examples

📊 Flowchart

Draw a user registration flow

🔄 Sequence Diagram

Draw an order payment sequence diagram

🏗️ Architecture Diagram

Draw a frontend-backend architecture diagram

🧠 Mind Map

Draw a mind map about machine learning

🏷️ Trigger Words

English Chinese
Excalidraw Excalidraw
diagram 画图
flowchart 流程图
sequence diagram 时序图
architecture 架构图
mind map 思维导图

⚙️ Requirements

Requirement Description