Allows GitHub Copilot to generate Excalidraw diagrams following the Excalidraw Skill Pack methodology, enabling visually argumentative diagrams.
For | Command |
Claude Code (plugin) |
|
Claude Code (script) |
|
Cursor |
|
GitHub Copilot |
|
Codex |
|
Gemini CLI |
|
Any agent (skills.sh) |
|
Any MCP agent |
|
Renderer only (Node) |
|
Renderer only (Python) |
|
Related MCP server: Excalidraw MCP Server
You: "onboard excalidraw to https://yoursite.com"
Agent: → fetch homepage → extract palette + fonts
→ map to theme roles (paper, ink, muted, accent)
→ propose diff → write theme package → set project configEvery new diagram uses your brand. See references/onboarding.md.
Every type ships an editable .excalidraw source + rendered PNG. Browse the full gallery →
Plus ER, timeline, Gantt, layers, nested, tree, org chart, Venn, pyramid, process, high-level, IT state, data flow, DP integration, DP security matrix, bar, line, scatter, radar — all with source fixtures in packages/shared/fixtures/types/.
diagram-design ships editorial HTML+SVG schematics. excalidraw-skill-pack ships editable Excalidraw + themes + MCP + a render-inspect loop. Same taste ambition; different artifact. Honest comparison →
Excalidraw's official MCP is an interactive MCP App: remote host, streaming draw, viewport camera, fullscreen in-chat editing. That is the right surface for a live canvas in chat.
This pack is the quality layer beside it: 29 typed layouts, taste gate, audit_diagram, publishable themes, and Node+Python golden-fixture PNGs — so the figure teaches, themes, audits, and ships. Community “emit JSON” servers still exist; they are not the official product, and they are not this.
You can run both: generate_diagram_prompt for type + taste → optional official canvas for interactive refine → render_diagram + audit_diagram for publishable PNGs. Honest comparison →
Five themes ship in v0.1. Authoring a new theme is 20 lines of JSON + npm publish:
npx @excalidraw-skill-pack/create-theme my-brand
cd theme-my-brand && npm publish --access publicChannel | Package | Purpose |
npm | Methodology + bundled | |
npm | Node renderer ( | |
npm | stdio MCP server with 5 tools | |
npm | One-command adapter installer | |
npm | Scaffolder for new theme packages | |
npm | Editorial / book-grade | |
npm | Rounded, off-white | |
npm | Low-fi, bright, sketchy | |
npm | Inverted contrast | |
PyPI | Python renderer ( |
This skill drew 77 diagrams for the published technical book From Copilot to Colleague — argument spines, chapter openers, concept figures, and inline explainers, all from the methodology in this repo. No other Excalidraw generator can point at a corpus like that. A curated set — the book's argument spine plus all ten chapter openers — ships as source .excalidraw files in examples/book; the full 77 are live across fromcopilottocolleague.com.
Diagrams are arguments. The shape should BE the meaning.
Isomorphism Test: would the structure alone communicate the concept?
Evidence artifacts: real code snippets, actual API names, concrete formats — not placeholder text.
One accent per diagram. Two means a competing argument; split it.
Read the full methodology (it's also what the AI agent reads).
MIT. Contributions welcome — see CONTRIBUTING.md.
This server cannot be deployed
Create and edit architecture diagrams from your AI agent; get an SVG and a live editable canvas.
AI agent draws editable hand-drawn diagrams (flowchart, ER, architecture) via MCP, not static images
AI Agent with Architectural Memory. Impact analysis (free), tests and code from the graph (pro).
DXF and PDF/X-4 for AI agents: structured facts, PNG renders, an interactive in-chat viewer.