excalidraw

Solid

Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .excalidraw files and exports to PNG/SVG via Kroki API or locally using excalidraw-brute-export-cli.

Data & Documents 167 stars 15 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%
74
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Excalidraw Diagrams ## Overview Generate `.excalidraw` JSON files and export to PNG/SVG. **Two export options:** - **Kroki API** (`curl`) — zero install, SVG output only - **excalidraw-brute-export-cli** — local Firefox-based, PNG + SVG **Supported formats:** PNG (local CLI only), SVG (both options). PDF is NOT supported. ## When to Use **Explicit triggers:** user says "画图", "diagram", "visualize", "flowchart", "draw", "架构图", "流程图" **Proactive triggers:** - Explaining a system with 3+ interacting components - Describing a multi-step process or decision tree - Comparing architectures or approaches side by side **Skip when:** a simple list or table suffices, or user is in a quick Q&A flow **When NOT to use it — route elsewhere:** - Polished, precise diagrams, strict UML, or branded vendor icons → **drawio**. - Diagrams-as-code in git, auto-laid-out from text → **mermaid** (general) or **plantuml** (UML). - An infinite-canvas whiteboard or programmatic freehand strokes → **tldraw**. ## Prerequisites ### Option A: Kroki API (recommended — zero install, SVG only) ```bash # Just needs curl (pre-installed on macOS/Linux/Windows Git Bash) curl --version ``` No additional setup. SVG rendered via `https://kroki.io`. ### Option B: Local CLI (required for PNG) The CLI uses **Firefox** (not Chromium). Check and install: ```bash npm install -g excalidraw-brute-export-cli npx playwright install firefox ``` **macOS patch (one-time, required):** ```bash CLI_MAIN=$(npm root ...

Details

Author
Agents365-ai
Repository
Agents365-ai/excalidraw-skill
Created
4 months ago
Last Updated
1 weeks ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Listed

excalidraw

Generate architecture diagrams as .excalidraw files from codebase analysis, with optional PNG/SVG export. Use when the user asks to create architecture diagrams, system diagrams, visualize codebase structure, generate excalidraw files, export excalidraw diagrams to PNG or SVG, or convert .excalidraw files to image formats.

0 Updated today
Punpun1643
AI & Automation Listed

excalidraw-diagram

Create Excalidraw diagrams as `.excalidraw` JSON that make a visual argument — not just labeled boxes. Use when the user wants to draw, sketch, visualize, or diagram a system architecture, software design, workflow, flowchart, sequence, data flow, state machine, pipeline, org chart, mind map, concept map, network topology, or process — in a hand-drawn, sketchy whiteboard style. Produces valid, themeable `.excalidraw` files that render to PNG and open in Excalidraw, Obsidian, or VS Code. Triggers on phrases like "make a diagram", "draw the architecture", "visualize this", "excalidraw", "flowchart", "system design diagram", "sketch this out", or "whiteboard it".

1 Updated today
isatimur
AI & Automation Listed

excalidraw

Use when an agent needs to draw, edit, or refine diagrams on a live Excalidraw canvas — architecture/flow/sequence diagrams, iterative visual refinement via screenshots, Mermaid conversion, element-level CRUD, or .excalidraw/PNG/SVG export. Drives a local canvas server over plain CLI/REST (curl) by default, or the Excalidraw MCP tools if present. Requires a running canvas server (default http://127.0.0.1:3000); setup in Step 0.

0 Updated today
bowtiefunnel