← ClaudeAtlas

excalidrawlisted

Use when an agent needs to draw, edit, or refine diagrams on a live Excalidraw canvas — architecture/flow/sequence diagrams, iterative visual refinement via screenshots, Mermaid conversion, element-level CRUD, or .excalidraw/PNG/SVG export. Drives a local canvas server over plain CLI/REST (curl) by default, or the Excalidraw MCP tools if present. Requires a running canvas server (default http://127.0.0.1:3000); setup in Step 0.
bowtiefunnel/bowtie-funnel-Labs · ★ 0 · AI & Automation · score 72
Install: claude install-skill bowtiefunnel/bowtie-funnel-Labs
# Excalidraw Skill Draw and refine diagrams on a live Excalidraw canvas you can watch in the browser. Works over plain `curl`/CLI by default (no MCP needed), or the `excalidraw/*` MCP tools if they're loaded — same server either way. ## Step -1: Ask for the brand first (ALWAYS, before drawing) Before drawing anything, get the brand this diagram should use — a diagram that doesn't match the user's brand is a redraw. Ask **once**, up front: > "What brand should this follow? Give me your stroke/text color, accent color, > and font — or say 'default' for a neutral clean style, or point me at a brand > file (e.g. `BRAND.md`)." Turn the answer into a small **brand recipe** and apply it **directly on every `create_element` / `batch_create_elements` call** — not as a fix-up pass after. Map what they give you onto these properties: | Recipe slot | Element property | Notes | |---|---|---| | Primary stroke/text | `strokeColor` on standard nodes + text | dark, high-contrast | | Accent | `strokeColor` on key nodes + all arrows; light tint as key-node `backgroundColor` | one accent, used sparingly | | Body font | `fontFamily` on every labeled shape/arrow | `2`=sans, `3`=mono, `1`=hand-drawn | | Annotation | `strokeColor` on caption text | muted gray | **Two defaults that hold for any brand** (keep unless told otherwise): - `roughness: 0` on every shape and arrow — crisp lines, never sketchy. - Set `fontFamily` on the **shape** in the same call that creates it. The canvas server c