Diagram Design
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
Create and edit diagrams on a live Excalidraw canvas using the Excalidraw MCP server.
Install Excalidraw MCP Diagramming
$ npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install thomast1906/github-copilot-agent-skills excalidraw-mcp-diagramming --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/thomast1906/github-copilot-agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/excalidraw-mcp-diagramming .claude/skills/excalidraw-mcp-diagramming && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "excalidraw-mcp-diagramming" agent skill from https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/excalidraw-mcp-diagramming into .claude/skills/excalidraw-mcp-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-mcp-diagramming", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/excalidraw-mcp-diagrammingType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install thomast1906/github-copilot-agent-skills excalidraw-mcp-diagramming --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thomast1906/github-copilot-agent-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.github/skills/excalidraw-mcp-diagramming .agents/skills/excalidraw-mcp-diagramming && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "excalidraw-mcp-diagramming" agent skill from https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/excalidraw-mcp-diagramming into .agents/skills/excalidraw-mcp-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-mcp-diagramming", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install thomast1906/github-copilot-agent-skills excalidraw-mcp-diagramming --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thomast1906/github-copilot-agent-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.github/skills/excalidraw-mcp-diagramming .cursor/skills/excalidraw-mcp-diagramming && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "excalidraw-mcp-diagramming" agent skill from https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/excalidraw-mcp-diagramming into .cursor/skills/excalidraw-mcp-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-mcp-diagramming", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/thomast1906/github-copilot-agent-skills.git --path .github/skills/excalidraw-mcp-diagramming--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install thomast1906/github-copilot-agent-skills excalidraw-mcp-diagramming --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thomast1906/github-copilot-agent-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.github/skills/excalidraw-mcp-diagramming .gemini/skills/excalidraw-mcp-diagramming && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "excalidraw-mcp-diagramming" agent skill from https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/excalidraw-mcp-diagramming into .gemini/skills/excalidraw-mcp-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-mcp-diagramming", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install thomast1906/github-copilot-agent-skills excalidraw-mcp-diagrammingInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/thomast1906/github-copilot-agent-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/.github/skills/excalidraw-mcp-diagramming .github/skills/excalidraw-mcp-diagramming && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "excalidraw-mcp-diagramming" agent skill from https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/excalidraw-mcp-diagramming into .github/skills/excalidraw-mcp-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-mcp-diagramming", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install thomast1906/github-copilot-agent-skills excalidraw-mcp-diagramming --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/thomast1906/github-copilot-agent-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.github/skills/excalidraw-mcp-diagramming .opencode/skills/excalidraw-mcp-diagramming && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "excalidraw-mcp-diagramming" agent skill from https://github.com/thomast1906/github-copilot-agent-skills/tree/main/.github/skills/excalidraw-mcp-diagramming into .opencode/skills/excalidraw-mcp-diagramming/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "excalidraw-mcp-diagramming", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
excalidraw-mcp-diagramming- GitHub stars
- 202
- Token cost
- ~3.1k tokens
- SKILL.md length
- 1,379 words
- Files
- 4 (incl. references)
- Skills in repo
- 15
- Repo updated
- First seen
- Licence
- None found
At a glance
Create and edit diagrams on a live Excalidraw canvas using the Excalidraw MCP server.
- Works in 9 steps: Choose the Creation Path → Read the Design Guide → Clear and Confirm Empty → …
- Visualise architectures
- SKILL.md covers When to Use, Required MCP Server, Available Tools and Workflow, plus 7 more sections
- Reaches mcp.excalidraw.com
What it does
Excalidraw MCP Diagramming is an agent skill from thomast1906/github-copilot-agent-skills. Create and edit diagrams on a live Excalidraw canvas using the Excalidraw MCP server. Use when asked to draw, diagram, sketch, or visualise architectures, workflows, data flows, system designs, flowcharts, mind maps, or sequence diagrams. Trigger phrases include "create an excalidraw", "draw me a diagram", "make a flowchart", "visualise the system", "diagram this architecture", "export to PNG/SVG". Can export to PNG, SVG, .excalidraw file, or a shareable URL. Do NOT use for Draw.io or diagrams.net output (use…
Its SKILL.md is about 3.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/canvas-patterns.md`, `references/color-palette.md` and `references/iterative-refinement.md`).
It sits in Development, covering Diagrams. It works with Model Context Protocol, Excalidraw and draw.io. The repository describes itself as: Repo containing my GitHub Copilot Agent & Skills - continually experimenting!
When your agent uses it
- Visualise architectures
- Sequence diagrams
- Phrases include create an excalidraw
- Draw me a diagram
Example prompts
- “create an excalidraw”
- “draw me a diagram”
- “make a flowchart”
- “/excalidraw-mcp-diagramming”
Workflow steps
9 steps, taken from the step headings in SKILL.md.
- Choose the Creation Path
- Read the Design Guide
- Clear and Confirm Empty
- Plan the Layout
- Create in One Batch
- Screenshot and Verify
- Iterate and Refine
- Zoom to Fit
- Export (if requested)
What it can do on your machine
Read from SKILL.md and the folder at commit 554ac0b. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are json).
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
mcp.excalidraw.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Excalidraw MCP Diagramming loads about 3.1k tokens when it runs, and up to ~8.1k if it reads all its reference files. Until then it costs about 144 tokens; SKILL.md has 1,379 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 1,379 words (~3,129 tokens).
“Create diagrams on a live Excalidraw canvas that renders in the browser and updates in real time. You are not generating a static file — you are painting onto a shared whiteboard through MCP tools. The canvas persists between calls…”
- name
- excalidraw-mcp-diagramming
- metadata.author
- Thomas Thornton
- metadata.version
- 1.0.0
- metadata.last-updated
- 2026-05-19
Files
SKILL.md and 3 other files (references) in .github/skills/excalidraw-mcp-diagramming of thomast1906/github-copilot-agent-skills.
- SKILL.md
- references/canvas-patterns.md
- references/color-palette.md
- references/iterative-refinement.md
Open the folder on GitHubat commit 554ac0b
Compare with similar skills
Excalidraw MCP Diagramming next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Excalidraw MCP Diagramming this skillthomast1906/github-copilot-agent-skills | 202 | — | ~3.1k | Automated safety check: Pass | None | |
| Diagram Designcathrynlavery/diagram-design | 49k | 1 repos | ~7.6k | Automated safety check: Pass | MIT | |
| Excalidraw Skillyctimlin/mcp_excalidraw | 2.5k | — | ~4.6k | Automated safety check: Pass | MIT | |
| Drawio Diagram BuilderWill-hxw/drawio-diagram-builder | 413 | — | ~5.9k | Automated safety check: Pass | MIT | |
| Drawiobahayonghang/drawio-skills | 287 | — | ~4.1k | Automated safety check: Notes | MIT | |
| Drawio ChartSnailclimb/AIGuide | 675 | — | ~687 | Automated safety check: Pass | None |
Similar skills
Excalidraw Skill
yctimlin/mcp_excalidraw
Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas.
Drawio Diagram Builder
Will-hxw/drawio-diagram-builder
Create, edit, replicate, and iteratively refine editable research and technical diagrams in diagrams.net/draw.io (.drawio XML) from prompts, papers, repositories, screenshots, or existing diagrams.
Drawio
bahayonghang/drawio-skills
Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER, org charts, Mermaid/CSV conversion, existing…
Drawio Chart
Snailclimb/AIGuide
Draw.io 配图专家：用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图，或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格，并遵循 floracat-architecture-diagram 的视觉规范。
Excalidraw Architect
BV-Venky/excalidraw-architect-mcp
Choose and compose the right Excalidraw diagram - architecture, flowchart, sequence, state, ER, swimlane, process, timeline, quadrant, pyramid, venn, loop, gantt, bar, line, scatter, and more -…
More from thomast1906/github-copilot-agent-skills
All 15 skills in this repoCopilot Skill Creator
thomast1906/github-copilot-agent-skills
Guides creating, updating, reviewing and validating GitHub Copilot agent skills, from deciding whether a skill is the right tool to structuring bundled resources.
Azure API Management Security Review
thomast1906/github-copilot-agent-skills
Audits an Azure API Management setup against the OWASP API Security Top 10 and Azure Security Benchmark, covering policies, network layout and identity.
Azure APIM Policy Authoring
thomast1906/github-copilot-agent-skills
Generates Azure API Management policy XML for authentication, rate limiting, CORS, error handling and transformations, consulting Azure best-practice and documentation tools first.
APIOps Deployment for Azure APIM
thomast1906/github-copilot-agent-skills
Supplies Bicep and Terraform templates, CI/CD pipeline patterns and phased promotion plans for deploying Azure API Management with APIOps workflows.
Azure Draw.io MCP Diagrams
thomast1906/github-copilot-agent-skills
Creates and edits architecture diagrams through the Draw.io MCP tool, with guidance for rendering Azure icons correctly and laying out network diagrams.
Azure Pricing Lookup
thomast1906/github-copilot-agent-skills
Looks up live Azure retail prices by SKU, service or region through the Azure MCP pricing tool, estimates template costs and compares regions, price types and savings plans.
Related
Works with
Categories
Questions about Excalidraw MCP Diagramming
What does Excalidraw MCP Diagramming do?
Create and edit diagrams on a live Excalidraw canvas using the Excalidraw MCP server. Excalidraw MCP Diagramming is an agent skill from thomast1906/github-copilot-agent-skills. Create and edit diagrams on a live Excalidraw canvas using the Excalidraw MCP server.
When should I use Excalidraw MCP Diagramming?
Excalidraw MCP Diagramming fits situations like: visualise architectures; sequence diagrams; phrases include create an excalidraw; draw me a diagram.
How do I install Excalidraw MCP Diagramming in Claude Code?
Run `npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a claude-code`. Or copy the skill folder (.github/skills/excalidraw-mcp-diagramming in thomast1906/github-copilot-agent-skills) into .claude/skills/excalidraw-mcp-diagramming in your project. Claude Code loads it when a task matches its description.
How do I install Excalidraw MCP Diagramming in Codex?
Run `npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a codex`. Or copy the skill folder (.github/skills/excalidraw-mcp-diagramming in thomast1906/github-copilot-agent-skills) into .agents/skills/excalidraw-mcp-diagramming in your project. Codex loads it when a task matches its description.
Can I use Excalidraw MCP Diagramming in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add thomast1906/github-copilot-agent-skills --skill excalidraw-mcp-diagramming -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/excalidraw-mcp-diagramming, .gemini/skills/excalidraw-mcp-diagramming, .github/skills/excalidraw-mcp-diagramming and .opencode/skills/excalidraw-mcp-diagramming in your project.
What does Excalidraw MCP Diagramming need to run?
SKILL.md names no scripts, command-line tools or credentials: Excalidraw MCP Diagramming is instructions for the agent only.
Does Excalidraw MCP Diagramming access the network?
SKILL.md names 1 domain. In commands or code: mcp.excalidraw.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Excalidraw MCP Diagramming safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Excalidraw MCP Diagramming use?
No licence was found for Excalidraw MCP Diagramming or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Excalidraw MCP Diagramming use?
About 3.1k tokens (SKILL.md is roughly 13k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5k tokens, read only when the agent opens those files.
What are the alternatives to Excalidraw MCP Diagramming?
Skills that share tags, products or a category with Excalidraw MCP Diagramming: Diagram Design (cathrynlavery/diagram-design, 49k stars), Excalidraw Skill (yctimlin/mcp_excalidraw, 2.5k stars), Drawio Diagram Builder (Will-hxw/drawio-diagram-builder, 413 stars) and Drawio (bahayonghang/drawio-skills, 287 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Excalidraw MCP Diagramming?
thomast1906 (a GitHub user) maintains it in thomast1906/github-copilot-agent-skills, which has 202 GitHub stars. The repository holds 15 skills in this directory. The repository was last updated on October 7, 2026.
Source: thomast1906/github-copilot-agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.