// the find
coleam00/excalidraw-diagram-skill
Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw diagrams.
A Claude Code skill that generates Excalidraw diagrams from natural language, with a Playwright-based render loop so the agent can see its own output and fix layout issues before finishing. Aimed at developers who want architecture diagrams that come out of their coding agent workflow rather than a separate diagramming tool.
The self-validation loop is the real differentiator — having the agent render to PNG and inspect for overlapping text or misaligned arrows is a meaningful quality step that most diagram generators skip. The methodology of mapping shape structure to concept structure (fan-outs for one-to-many, convergence for aggregation) produces diagrams that communicate instead of just displaying. A single color-palette file for brand customization is the right level of abstraction. Compatibility with any agent that reads `.claude/skills/` keeps it from being Claude Code-only.
4k stars on a repo with essentially no source code beyond a Playwright render script and a few markdown reference files means most of the work is prompt engineering inside SKILL.md — you're trusting Claude to follow methodology docs, which means quality varies wildly by model version and prompt sensitivity. No tests, no examples of output in the repo, and no versioning strategy, so you have no idea what you're getting until you run it. The render pipeline requires uv and a Chromium install which is a non-trivial setup ask in CI or restricted environments. Brand customization only covers colors, not layout density or element sizing, which are usually the harder problems.