Create hand-drawn style diagrams using Excalidraw JSON format. Generate .excalidraw files for architecture diagrams, flowcharts, sequence diagrams, concept maps, and more. Files can be opened at excalidraw.com or uploaded for shareable links.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Excalidraw Diagram Skill
Create diagrams by writing standard Excalidraw element JSON and saving as `.excalidraw` files. These files can be drag-and-dropped onto [excalidraw.com](https://excalidraw.com) for viewing and editing. No accounts, no API keys, no rendering libraries -- just JSON.
## Workflow
1. **Load this skill** (you already did)
2. **Write the elements JSON** -- an array of Excalidraw element objects
3. **Save the file** using `write_file` to create a `.excalidraw` file
4. **Optionally upload** for a shareable link using `scripts/upload.py` via `terminal`
### Saving a Diagram
Wrap your elements array in the standard `.excalidraw` envelope and save with `write_file`:
```json
{
"type": "excalidraw",
"version": 2,
"source": "hermes-agent",
"elements": [ ...your elements array here... ],
"appState": {
"viewBackgroundColor": "#ffffff"
}
}
```
Save to any path, e.g. `~/diagrams/my_diagram.excalidraw`.
### Uploading for a Shareable Link
Run the upload script (located in this skill's `scripts/` directory) via terminal:
```bash
python skills/diagramming/excalidraw/scripts/upload.py ~/diagrams/my_diagram.excalidraw
```
…
The line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_wlocpuvgblk4djcf
GET https://markdownregistry.com/api/v1/resolve?ref=martin-hausleitner/martins-awesome-skills/excalidraw
GET https://markdownregistry.com/api/v1/blob/9dbf7804e9b10e29cf430bdbf28ec6690e50b078e7efd719254bcd432e6e9eba
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
martin-hausleitner/martins-awesome-skills · skills/creative/p5js/SKILL.md · Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative…
martin-hausleitner/martins-awesome-skills · skills/devops/webhook-subscriptions/SKILL.md · Use when external services should trigger agent runs through webhook events
martin-hausleitner/martins-awesome-skills · skills/email/himalaya/SKILL.md · CLI to manage emails via IMAP/SMTP. Use himalaya to list, read, write, reply, forward, search, and organize emails from…
martin-hausleitner/martins-awesome-skills · skills/github/github-auth/SKILL.md · Use when GitHub authentication is missing, broken, or needed before repository, issue, pull request, or CI work
martin-hausleitner/martins-awesome-skills · skills/github/github-issues/SKILL.md · Use when triaging, creating, labeling, searching, or closing GitHub issues
martin-hausleitner/martins-awesome-skills · skills/github/github-pr-workflow/SKILL.md · Use when creating, updating, reviewing, testing, or merging a GitHub pull request
taracodlabs/aiden · workspace-templates/skills/excalidraw/SKILL.md · Create hand-drawn style diagrams and sketches in Excalidraw JSON format for architecture, flowcharts, and system design
agents365-ai/365-skills · plugins/excalidraw/skills/excalidraw-skill/SKILL.md · Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when…
naveedharri/benai-skills · plugins/all-skills/skills/excalidraw/SKILL.md · Create visual presentations, slide decks, and explanatory diagrams in Excalidraw. Use when user asks to create a…
naveedharri/benai-skills · plugins/creative/skills/excalidraw/SKILL.md · Create visual presentations, slide decks, and explanatory diagrams in Excalidraw. Use when user asks to create a…
metaspartan/cybara · skills/excalidraw/SKILL.md · Hand-drawn-style diagrams and sketches via the Excalidraw format (.excalidraw JSON), exportable to SVG/PNG. Use for…
