cathrynlavery/diagram-design

It solves the problem of AI-generated diagrams looking generic and unpolished, which often forces users to spend time in Figma or skip diagrams entirely. By providing a curated set of editorial visual types and automatic brand matching from a website URL, it delivers high-quality, consistent diagrams in seconds without manual styling.

Developers can generate architecture diagrams, flowcharts, sequence diagrams, state machines, ER models, timelines, swimlanes, quadrant charts, org charts, Venn diagrams, layer stacks, pyramids, radar charts, loops, IT current-state maps, and more—all as static HTML+SVG that can be opened directly in a browser. The skill supports semantic patterns for behavior (queue, policy trace, trust boundary) and can convert existing draw.io/Mermaid sources, making it suitable for documentation, technical blog posts, internal wikis, and client deliverables. The ceiling includes fully customized, brand-aligned diagrams with optional motion for ordered explanations, all without external dependencies.