excalidraw

name	excalidraw
description	Excalidraw hand-drawn whiteboarding, brainstorming, wireframes, and informal sketches. USE FOR: hand-drawn style diagrams, real-time collaborative sketching, wireframes, UI mockups, quick informal diagrams, brainstorming sessions. DO NOT USE FOR: Azure architecture diagrams (use drawio), WAF/cost charts (use python-diagrams), inline Mermaid (use mermaid), formal reference-architecture diagrams.
compatibility	Works with VS Code Copilot and Excalidraw editor extension.
license	MIT
metadata	{"author":"apex","version":"2.0"}

Excalidraw — Hand-Drawn Whiteboarding

Skill for generating hand-drawn style diagrams, wireframes, and informal sketches. For Azure architecture diagrams, use the drawio skill instead.

Best Used For

• Brainstorming — quick idea exploration with hand-drawn aesthetic
• Wireframes — UI mockups and layout sketches
• Process flows — informal flowcharts and decision trees
• Whiteboarding — real-time collaborative sketching
• ERD diagrams — entity-relationship diagrams (hand-drawn style)
• Sequence sketches — informal interaction flows

NOT For

• Azure architecture diagrams → use drawio skill
• WAF/cost/compliance charts → use python-diagrams skill
• Inline markdown diagrams → use mermaid skill
• Formal reference-architecture diagrams → use drawio skill

Output Format

.excalidraw files are Excalidraw JSON — editable in VS Code or excalidraw.com.

Style Tokens

Token	Value
Font	Excalifont (fontFamily: 5)
Background	#ffffff
Stroke	#1e1e1e
Hand-drawn	roughness: 1

Reference Index

File	Purpose
references/quick-reference.md	Copy-paste snippets for Excalidraw JSON patterns