diagram-design is a strong Claude Code skill for editorial HTML+SVG schematics — typed layouts, brand scrape, taste gate, complexity budget. excalidraw-skill-pack shares that ambition for restraint and type-aware layout, then ships a different artifact: editable Excalidraw, theme packages, MCP, and a render→inspect→fix loop that doesn't end at export.
diagram-design ships a self-contained HTML page with inline SVG. excalidraw-skill-pack ships .excalidraw (plus PNG) you can open, theme, audit, and iterate — the loop is the product.
| diagram-design | excalidraw-skill-pack | |
|---|---|---|
| Artifact | Standalone HTML + inline SVG | Editable .excalidraw + PNG (+ hydrate to full file) |
| Open in | Browser | Excalidraw, Obsidian, VS Code, browser PNG |
| Typed layouts | ~27 editorial types | 29 progressive type refs (incl. evidence + comparison moats) |
| Brand skin | style-guide.md onboarding (URL / skill / folder) | Theme packages + project/global config + URL/folder onboarding |
| Taste | Deletion philosophy, complexity budget, pre-output checklist | Taste gate + anti-patterns + MCP audit_diagram heuristics |
| Evidence | Editorial callouts / icons | Concrete code/JSON evidence artifacts + multi-zoom |
| Render loop | Export optional; quality ends at HTML | Mandatory render → inspect → fix until the PNG looks right |
| Runtime | Claude Code skill (HTML authoring) | Skill + MCP across Claude Code, Cursor, Codex, Gemini, Copilot |
| Renderer | — | Node + Python pixel-parity Playwright PNG |
| Best for | Blog/essay schematics that must match a site's editorial skin | Living diagrams you keep editing, theming, and proving |
audit_diagram flags budget, uniform boxes, container ratio, opacity.You want a drop-in HTML schematic for a long-form post, the site already has an editorial SVG grammar, and you don't need the file to open in Excalidraw or Obsidian.
You want the agent to produce a diagram you'll keep editing; you need brand themes as packages; you want MCP tools and a render-inspect loop; or the diagram must teach with evidence, not just look editorial.
View on GitHub → Also: vs official Excalidraw MCP
MIT licensed. Works in Claude Code, Cursor, Codex, Gemini CLI, and Copilot. Competitor link for context only — we respect their craft.