excalidraw
✓Create Excalidraw diagrams as JSON files for flowcharts, user journeys, system architectures, wireframes, and visual documentation. Use when the user asks to create diagrams, flowcharts, visual representations, architecture diagrams, mind maps, or any Excalidraw-compatible visualizations. Outputs .excalidraw.json files that can be opened in excalidraw.com or any Excalidraw-compatible app.
Installation
SKILL.md
Create Excalidraw-compatible JSON diagrams. Output .excalidraw.json files.
| Element | Width | Height | Use Case |
| Small box | 120 | 60 | Labels, simple steps | | Standard box | 160 | 80 | Process steps | | Large box | 200 | 100 | Detailed nodes | | Wide box | 240 | 80 | Long text | | Diamond | 100 | 100 | Decision points | | Circle | 80 | 80 | Start/End nodes | | Icon circle | 90 | 80 | With emoji |
Create Excalidraw diagrams as JSON files for flowcharts, user journeys, system architectures, wireframes, and visual documentation. Use when the user asks to create diagrams, flowcharts, visual representations, architecture diagrams, mind maps, or any Excalidraw-compatible visualizations. Outputs .excalidraw.json files that can be opened in excalidraw.com or any Excalidraw-compatible app. Source: kv0906/cc-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/kv0906/cc-skills --skill excalidraw- Source
- kv0906/cc-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is excalidraw?
Create Excalidraw diagrams as JSON files for flowcharts, user journeys, system architectures, wireframes, and visual documentation. Use when the user asks to create diagrams, flowcharts, visual representations, architecture diagrams, mind maps, or any Excalidraw-compatible visualizations. Outputs .excalidraw.json files that can be opened in excalidraw.com or any Excalidraw-compatible app. Source: kv0906/cc-skills.
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/kv0906/cc-skills --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/kv0906/cc-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01