excalidraw
✓Generate hand-drawn style diagrams (architecture, flowcharts, system design) as .excalidraw.json files. Use when user wants diagrams, mentions Excalidraw, or needs Mermaid-to-visual conversion.
Installation
SKILL.md
Generate professional hand-drawn style diagrams in Excalidraw JSON format.
Step 1: Arrow Path Analysis Before placing any component, list ALL arrows and their source→target pairs:
Step 2: Identify Crossing Risks For each arrow, check: "Does a straight line from source to target pass through any other component?"
Generate hand-drawn style diagrams (architecture, flowcharts, system design) as .excalidraw.json files. Use when user wants diagrams, mentions Excalidraw, or needs Mermaid-to-visual conversion. Source: bahayonghang/my-claude-code-settings.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill excalidraw- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is excalidraw?
Generate hand-drawn style diagrams (architecture, flowcharts, system design) as .excalidraw.json files. Use when user wants diagrams, mentions Excalidraw, or needs Mermaid-to-visual conversion. Source: bahayonghang/my-claude-code-settings.
How do I install excalidraw?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill excalidraw Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/bahayonghang/my-claude-code-settings
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01