Excalidraw Live Canvas (mcp_excalidraw)

Agent draws on a live Excalidraw canvas, screenshots its work and fixes overlaps

Claude Code + Excalidraw MCP: AI draws diagrams in real time
Claude Code + Excalidraw MCP: AI draws diagrams in real time
AI agent drawing an architecture diagram on a live Excalidraw canvas
AI agent drawing an architecture diagram on a live Excalidraw canvas

What it does

Skill plus CLI and MCP server that lets an agent draw, refine and export diagrams on a live Excalidraw canvas, convert Mermaid to Excalidraw, and check its own screenshots.

Try this prompt

Draw the architecture of this service, then screenshot it and fix any overlapping labels.

Keep going in Paradigm

Hands off to the notebook canvas: a live, editable diagram the learner and tutor share.

How to install

  1. Click “Copy install prompt” and paste it into your agent. The agent fetches the skill from its source.
  2. Or copy the skill folder from the source into ~/.claude/skills/ (Claude Code) or your agent’s skills folder.
  3. Read the skill’s SKILL.md before you run it. Paradigm lists this skill but did not write it.
Author
yctimlin
GitHub stars
★ 2,548
License
MIT
Category
Study tools
Runs in
  • Claude Code
  • Codex
  • Cursor
  • OpenCode
Checked