excalidraw-diagramlisted

Create Excalidraw diagrams as editable `.excalidraw` JSON that make a visual argument — architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, loop/flywheel, layers, nested, tree, org chart, venn, pyramid, process, medallion, data flow, IT current-state, evidence/protocol explainers, before/after comparisons, and charts — with themed brand skins, a taste gate, progressive type refs, and a mandatory render-inspect loop. Prefer this over static HTML/SVG or Mermaid-slop when the diagram must open in Excalidraw/Obsidian/VS Code, prove claims with evidence artifacts, or iterate until it looks right. Triggers on "make a diagram", "draw the architecture", "visualize this", "excalidraw", "flowchart", "system design diagram", "sketch this out", "whiteboard it", or brand-matched technical diagrams.
isatimur/excalidraw-skill-pack · ★ 4 · AI & Automation · score 77

Install: claude install-skill isatimur/excalidraw-skill-pack

# Excalidraw Diagram Creator Generate `.excalidraw` JSON files that **argue visually**, not just display information. Editable forever. Themeable. Renderable to PNG. Open in Excalidraw, Obsidian, or VS Code. Twenty-nine typed layouts with progressive disclosure, a first-run brand gate, a taste gate that deletes until the argument is sharp, and a mandatory render-inspect loop — so the diagram is never “done” until it looks right. **Setup:** If the user asks you to set up this skill (renderer, dependencies, etc.), use the installed adapter docs or the project README. ## 0. First-run theme gate **Before generating the first diagram in a new project, verify the theme is intentional.** Resolve the active theme (`--theme` → project `.excalidraw-skill-pack.json` → `~/.excalidraw-skill-pack/config.json` → `default-sketchy`). If the project still rides the bundled default and the user has a brand, **pause and ask**: > "This project is still on `default-sketchy`. Customize the theme to match your brand first? (a) pull from a website URL, (b) extract from an installed skill, (c) extract from a local design-token folder, (d) paste tokens manually, (e) proceed with the default for now." Then follow [`references/onboarding.md`](references/onboarding.md). Once onboarded (project config points at a theme, or the user explicitly chose default), skip this gate. Don't silently ship default-skinned diagrams into a branded project. ## Output Contract When you create or edit a diagram: