excalidraw-diagram-skill

Why we included this project

Teams working with Claude Code or OpenCode can get usable architecture and workflow diagrams without drawing them by hand: this skill turns a plain-English request into a finished Excalidraw file. Instead of dropping in generic card grids, it maps shapes to the idea they represent: a one-to-many flow becomes a fan-out, a sequence becomes a timeline, and technical diagrams carry real code snippets and JSON payloads as evidence. The bundled Playwright renderer lets the agent view its own output, catch overlapping text or misaligned arrows, and fix them before handing the file over. Setup is a copy into the agent's .claude/skills/ directory; from there you just ask for a diagram. If you want the output to match your brand, all colors sit in one palette file, so restyling every diagram is a small edit rather than a redesign.