Excalidraw

Name: Excalidraw
Author: jonathan-vella

ASecurity

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.

3 stars
0 votes
0 copies
6 views
Added May 27, 2026

data-aipythonazure

Security analysis

A100/100

Pro scans all 4 files and shows the line behind each finding

Scanned May 27, 2026

npx -y skills add jonathan-vella/bmit-2026 --skill excalidraw --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Excalidraw?

Add the live security badge to your README. It updates with every re-scan.

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/jonathan-vella-excalidraw/badge)](https://www.skillsdirectory.com/skills/jonathan-vella-excalidraw)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

---
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 |