Excalidraw
This skill generates Excalidraw diagrams from Claude's responses and exports them to PNG or SVG. It includes a surprisingly detailed layout engine with color palettes, font hierarchies, and element sizing rules that actually account for CJK character widths. The documentation explicitly discourages wrapping everything in boxes, which is refreshing. Two export paths: Kroki API for quick SVG output, or a local Firefox-based CLI for PNG. It comes with a macOS keyboard shortcut patch and specific guidance on when to draw proactively versus when a list is fine. If you're tired of ASCII art in technical explanations, this is the structured alternative.
- skills.sh installs
- 4.7K
- GitHub stars
- 100
- last updated
- Aug 21, 2026
Install
$ npx -y skills add agents365-ai/365-skills --skill excalidraw --agent claude-codeInstalls into .claude/skills of the current project.
Files
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)
# Just needs curl (pre-installed on macOS/Linux/Windows Git Bash)
curl --version
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/agents365-ai/365-skills
- Categories
- Backend & APIs, Code Review & Quality, Design & UI/UX, CLI & Terminal
- First seen
- Jun 3, 2026
More from agents365-ai/365-skills
All 15Recommended
More Backend & APIs
azure-pricinggithub/awesome-copilotFetches real-time Azure retail pricing using the Azure Retail Prices API (prices.azure.com) and estimates Copilot Studio agent credit consumption. Use when the 4.7Kskills.sh installssecret-scanninggithub/awesome-copilotGuide for configuring and managing GitHub secret scanning, push protection, custom patterns, and secret alert remediation. For pre-commit secret scanning in AI 4.6Kskills.sh installs
sql-queriesanthropics/knowledge-work-pluginsWrite correct, performant SQL across all major data warehouse dialects (Snowflake, BigQuery, Databricks, PostgreSQL, etc.). Use when writing queries, optimizing4.6Kskills.sh installs
coralogix-docscoralogix/cx-cliSearch and read official Coralogix platform documentation using **`cx docs search`** and **`cx docs fetch`**. Use when the user asks how Coralogix features work4.6Kskills.sh installs
zsxq-topicunnoo/zsxq-skill知识星球主题管理：搜索主题、查看主题详情、发布帖子、编辑主题、发表评论、回复某条评论（楼中楼）、回答提问、删除主题；通过 api call 查看主题评论列表、设置精华、设置标签、查看自己提的问题与已回答记录。当用户需要查找内容、发帖、编辑主题、评论、回复评论、回答问题、删除主题、查看主题评论、查看自己的提问记录、或管理4.6Kskills.sh installs
langgraph-docslangchain-ai/deepagentsFetches and references LangGraph Python documentation to build stateful agents, create multi-agent workflows, and implement human-in-the-loop patterns. Use when4.6Kskills.sh installs