Excalidraw — Development skill for Claude Code
Let Claude Code or Codex draw real Excalidraw diagrams — flowcharts, wireframes, slide decks, SWOT, Lean Canvas & 17 official use cases.
How to install Excalidraw
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open NicholasSpisak/excalidraw and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Excalidraw does
Let Claude Code or Codex draw real Excalidraw diagrams — flowcharts, wireframes, slide decks, SWOT, Lean Canvas & 17 official use cases. Install: npx skills add NicholasSpisak/excalidraw
Alternatives in Development
- Lean Canvas — Generate Lean Canvas with problem, solution, UVP, and metrics 7.8k ★
- Let Fate Decide — Trail of Bits security skill for let fate decide 3.7k ★
- Canvas API — Canvas LMS API connection guide and MCP tools reference 2.6k ★
README
excalidraw — agent skill
Create and edit Excalidraw diagrams from Claude Code, Codex, or any agent harness — flowcharts, architecture diagrams, sequence diagrams, UML, Gantt charts, mind maps, wireframes, slide decks, roadmaps, personas, brainstorming boards, Lean Canvas, SWOT and competitor analyses, and game-design boards, aligned with the official [Excalidraw use cases](https://plus.excalidraw.com/use-cases).
Backed by the official Excalidraw+ MCP server (`https://api.excalidraw.com/api/v1/mcp`) — scenes are created in your Excalidraw+ workspace, verified by screenshot, and returned as links.
Install
npx skills add NicholasSpisak/excalidraw
Works with the [Vercel skills framework](https://github.com/vercel-labs/skills); installs for Claude Code, Codex, and other supported agents.
Credentials
You need an Excalidraw+ API key (Excalidraw+ → Settings → API keys). **Never commit it.** Provide it one of two ways:
# environment variable (works for the bundled CLI and Codex MCP config)
export EXCALIDRAW_API_KEY=sk-...
# or a key file the bundled CLI falls back to
mkdir -p ~/.config/excalidraw
printf '%s\n' 'sk-...' > ~/.config/excalidraw/api_key
chmod 600 ~/.config/excalidraw/api_key
Native MCP setup (optional, recommended)
The skill works out of the box through its bundled CLI. For native MCP tool calling, add the official server config:
**Claude Code** (`~/.claude.json` or `.mcp.json`):
{
"mcpServers": {
"excalidraw": {
"type": "http",
"url": "https://api.excalidraw.com/api/v1/mcp",
"headers": {
"Authorization": "Bearer "
}
}
}
}
**Codex** (`~/.codex/config.toml`):
[mcp_servers.excalidraw]
url = "https://api.excalidraw.com/api/v1/mcp"
env_http_headers = { Authorization = "EXCALIDRAW_API_KEY" }
With `env_http_headers`, the env var's value is injected verbatim as the header — set `EXCALIDRAW_API_KEY="Bearer sk-..."`. (Codex's `bearer_token_env_v
Related Skills
Obsidian Viz
Obsidian visualization skill for OpenClaw - generate Excalidraw, Mermaid, and Canvas diagrams from text or ima
Interactive Diagram
生成可交互式、可拖动的 HTML 图表(流程图、架构图、思维导图、序列图),并将其作为独立文件保存。支持 Dagre 自动布局、平移/缩放,并可导出为 PNG/SVG/JSON 格式。零依赖。Claude Code 技能
Excalidraw Create
Create a new element on the Excalidraw canvas (rectangle, ellipse, diamond, arrow, line, text, freedraw).
Excalidraw Export
Export the current Excalidraw canvas scene, element set, library, or theme by retrieving the live resource sna
Excalidraw Diagrams
Claude Code skill for generating Excalidraw diagrams
Excalidraw Claude Code Skill
A Claude Code skill that generates Excalidraw diagrams from natural language. Just describe what you want, and
Related Agents
Courseware Developer
Use this agent to build training and teaching materials — interactive HTML courseware slide decks, animated fl
Script Writer
Specialist agent for writing speaker notes (presentation scripts) for Quarto RevealJS decks - paper reviews, c
Slide Deck Generator
Transform research synthesis into structured slide decks using templates