excalidraw
Health Pass
- License — License: MIT
- Description — Repository has a description
- Active repo — Last push 0 days ago
- Community trust — 13 GitHub stars
Code Warn
- process.env — Environment variable access in scripts/excal.mjs
- network request — Outbound network request in scripts/excal.mjs
Permissions Pass
- Permissions — No dangerous permissions requested
No AI report is available for this listing yet.
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
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.
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;
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 <API_KEY>"
}
}
}
}
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'sbearer_token_env_var alternative takes the raw key and adds Bearer
itself. The bundled CLI accepts either form.)
Bundled CLI
node scripts/excal.mjs tools # list available tools
node scripts/excal.mjs help create_diagram # print a tool's input schema
node scripts/excal.mjs call create_diagram --json '{"sceneId":"...","nodes":[...],"edges":[...]}'
Zero dependencies; Node ≥ 18.
What's inside
SKILL.md the skill: transport choice, workflow, rules
scripts/excal.mjs MCP-over-HTTP CLI (auth via env var or key file)
references/use-cases.md layout playbook per Excalidraw use case
references/api.md tool catalog notes and sharp edges
License
MIT
Enjoy putting AI to work like this? It's what we teach business owners every
day inside AI Operator Academy
— practical AI systems, no engineering degree required.
Reviews (0)
Sign in to leave a review.
Leave a reviewNo results found