excalidraw-skill
Turn natural-language descriptions into hand-drawn Excalidraw diagrams. Built-in design system, smart CJK-aware sizing, three arrow routing modes, zero-install Kroki path.
/plugin marketplace add Agents365-ai/365-skills
Generated from one natural-language prompt — full prompt in the README.
Why This Skill
Excalidraw is just JSON — Claude can write it. The skill adds the design system, layout rules, and export pipeline that turn raw JSON into a deliverable diagram.
Semantic Color Palette
8 categories mapped to meaning (primary, success, warning, error, external, process, trigger, neutral). Follows the 60-30-10 rule for whitespace, accent, highlight.
5 Diagram Patterns
Flowchart, Architecture, Sequence, Mind Map, Swimlane — each with dedicated layout rules and spacing conventions tuned for the pattern.
Anti-Pattern Guard Rails
Pitfalls documented in the skill: zone text overlap, spaghetti arrows, short-arrow label collisions, container opacity rules — Claude avoids them before they happen.
Smart CJK-Aware Sizing
Auto-calculates element width from label text — max(160, charCount × 9) for Latin, ×18 for CJK. No more truncated text.
Zero-Install Export
Kroki API path needs only curl — no npm, no Docker, no browser automation. Local CLI option for offline PNG export.
Editable Output
The .excalidraw file opens in excalidraw.com with full interactive arrow binding preserved. Tweak by hand if you want.
Install
Pick your platform. Takes 10 seconds.
# Plugin marketplace (recommended) /plugin marketplace add Agents365-ai/365-skills /plugin install excalidraw # Or any agent npx skills add Agents365-ai/365-skills -g # Manual install git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.claude/skills/excalidraw-skill
# Global git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.config/opencode/skills/excalidraw-skill # Project git clone https://github.com/Agents365-ai/excalidraw-skill.git .opencode/skills/excalidraw-skill
# Global git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.openclaw/skills/excalidraw-skill
# Via SkillsMP CLI skills install excalidraw-skill
# User-level git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.agents/skills/excalidraw-skill # Project-level git clone https://github.com/Agents365-ai/excalidraw-skill.git .agents/skills/excalidraw-skill
Related Skills
Part of the Agents365-ai diagram-skill family — pick the right tool for the job.
drawio-skill
Polished, presentation-ready — architecture, UML, ML/DL, formal docs.
mermaid-skill
Text-based, auto-layout — README-embeddable, version-control friendly.
plantuml-skill
UML-focused — class / sequence diagrams in CI pipelines.
tldraw-skill
Whiteboard collaboration — casual sketches, FigJam-style boards.
Support
If this skill helps you, consider supporting the author.
WeChat Pay
Alipay
Buy Me a Coffee
Give a Reward