Excalidraw
Turns Excalidraw diagrams into actual exports without opening the browser UI. Works two ways: Kroki API for quick SVG generation with just curl, or the local CLI if you need PNG. The real value is proactive use. Claude will offer diagrams when explaining systems with three or more components or complex data flows, not just when you ask. Comes with a detailed color palette (60-30-10 rule), semantic arrow styles, and font hierarchies so the outputs look professional by default. The macOS keyboard shortcut patch and Firefox requirement for local exports are quirks worth knowing upfront. Best for architectural diagrams, flowcharts, and technical visualization where you want clean, consistent styling without manual tweaking.
- GitHub stars
- 1.1K
- last updated
- May 22, 2026
Install
$ npx -y skills add dtsola/xiaoyaosearch --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
Prerequisites
Option A: Kroki API (recommended — zero install, SVG only)
# 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:
npm install -g excalidraw-brute-export-cli
npx playwright install firefox
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/dtsola/xiaoyaosearch
- Category
- Automation & Workflows
- First seen
- Jun 11, 2026
More from dtsola/xiaoyaosearch
All 7Recommended
More Automation & Workflows
electron-chromium-upgradeelectron/electronGuide for performing Chromium version upgrades in the Electron project. Use when working on the roller/chromium/main branch to fix patch conflicts during `e syn0skills.sh installs
subagent-driven-developmentganyuanran/aegisThis is a structured workflow for executing implementation plans by dispatching a fresh subagent per task, then running two mandatory...0skills.sh installs
postizgitroomhq/postiz-agentPostiz is a tool to schedule social media and chat posts to 28+ channels X, LinkedIn, LinkedIn Page, Reddit, Instagram, Facebook Page, Threads, YouTube, Google 0skills.sh installs
sdlchoangnguyen0403/agent-skills-standardRoute a task to the next synced SDLC workflow based on current artifacts and repo state.0skills.sh installs
coding-masteryhypnguyen1209/offensive-claudeAdvanced software engineering — systems programming, exploit development tooling, automation scripting, network programming, cryptography implementation0skills.sh installsprivesc-linuxhypnguyen1209/offensive-claudeLinux privilege escalation — SUID/SGID abuse, kernel exploits, capabilities, sudo misconfig, cron jobs, writable paths, container escape0skills.sh installs