cathrynlavery/diagram-design
Diagram Design gives coding agents a reusable system for branded, accessible HTML and SVG diagrams, including draw.io and Mermaid redraw workflows.
The repository packages **27 diagram types** in **three visual variants** as self-contained HTML and SVG. It can derive brand tokens from a website and redraw draw.io or Mermaid sources for different formats and detail levels.
Agent users can replace one-off diagram prompting with a skill that separates type selection, brand tokens, import fidelity, accessibility, and export. Its progressive references also keep irrelevant diagram instructions out of context.
The repository packages **27 diagram types** in **three visual variants** as self-contained HTML and SVG. It can derive brand tokens from a website and redraw draw.io or Mermaid sources for different formats and detail levels. Agent users can replace one-off diagram prompting with a skill that separates type selection, brand tokens, import fidelity, accessibility, and export. Its progressive references also keep irrelevant diagram instructions out of context. The fetched page is internally inconsistent: its header says **29 types**, while the body repeatedly documents 27. PNG export also requires Playwright, and customized packaged files may be overwritten by updates.
This specializes the portable-skill pattern for diagram production, replacing unconstrained prompting with explicit choices for diagram type, branding, source import, accessibility, detail, and export. Its progressive references reinforce selective context loading, while the count inconsistency, Playwright dependency, and update-overwrite risk show why skill packages need verified documentation, dependency checks, and separation of user customization from managed assets.