excalidrawlisted

# Excalidraw Diagram Skill Create Excalidraw scene JSON files and render them to SVG (and optionally PNG) using the real Excalidraw engine. Output is hand-drawn style, vector, and the SVG can be dragged back into excalidraw.com for further editing. ## When to use - User asks for a diagram, flowchart, architecture sketch, ER diagram, or sequence diagram in a hand-drawn / sketchy style. - User says "draw", "visualize", "diagram" and wants an image file out. ## When NOT to use - The user wants a pixel-perfect / corporate-clean diagram (use a vector tool). - The user wants to EDIT interactively right now (point them to excalidraw.com). - The diagram needs automatic layout (this skill does NOT auto-layout; you compute coordinates by hand — see Known Limitations). ## How it works (read this once) 1. You write an `.excalidraw` JSON scene file (elements with x/y/size/style). 2. `scripts/render.py` drives headless Chromium, loads the official `@excalidraw/excalidraw` package, runs the scene through Excalidraw's `restore()` + `convertToExcalidrawElements()` (to normalize fields and recompute text metrics), then calls `exportToSvg` — so the render is the genuine Excalidraw look, not a reimplementation. 3. It outputs SVG (default) and/or PNG. ## First-time setup If rendering fails with a playwright/Chromium error, run the installer: ``` bash scripts/install.sh ``` This installs the `playwright` Python package and the Chromium binary (~150MB, one-time). It does