# Excalidraw

> Create, patch, validate, and render Excalidraw diagrams through deterministic JSON and layout checks before delivery.

- Skill: `batteryshark/excalidraw` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add batteryshark/excalidraw`
- Raw SKILL.md: https://api.skillmd.com/api/skills/batteryshark/excalidraw/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: batteryshark (https://skillmd.com/u/batteryshark)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/batteryshark/excalidraw

---


# Build an Excalidraw Diagram

1. Establish the audience, message, diagram type, required facts, output path, and readability target.
2. Read [references/excalidraw-format.md](references/excalidraw-format.md), then compose or patch `.excalidraw` JSON with stable IDs and bound text.
3. Run `bin/excalidraw FILE` to validate document shape, element bounds, overlaps, dangling bindings, and canvas extent.
4. Render with an available Excalidraw-compatible renderer, inspect the image, and revise spacing, hierarchy, color contrast, labels, and edge routing.
5. Preserve editable JSON and deliver a rendered artifact. Never claim visual quality from schema validation alone.

Use [agents/diagram-reviewer.md](agents/diagram-reviewer.md) for an independent visual and semantic review.