excalidraw-skill

Excalidraw diagramming skill for Claude Code — 10 visual techniques, layout best practices, self-correcting diagrams via MCP

Install

git clone https://github.com/robonuggets/excalidraw-skill.git

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "excalidraw-skill": {
      "command": "npx",
      "args": [
        "-y",
        "github:robonuggets/excalidraw-skill"
      ]
    }
  }
}

From the README

Turn text descriptions into professional diagrams on a live Excalidraw canvas. Your AI agent draws, screenshots its own work, and iterates until it looks right. - **10 visual techniques** -- glow effects, color-coded zones, bound arrows, decision nodes, font hierarchy, semantic colors, and more - **Self-correcting diagrams** -- the agent sees its own canvas via screenshots and fixes issues automatically - **Layout best practices** -- spacing rules, arrow routing, zone labels that actually work - **Quality checklist** -- catches truncation, overlap, and bad arrows before you export - **Multipl…

Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related developer tools servers

everything-claude-code

affaan-m

★ 170,676

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Developer Tools · JavaScript