cathrynlavery/diagram-design ? reverse-engineered prompt

Build me a Claude Code skill that turns plain descriptions into beautiful editorial diagrams. I want fourteen clean types like architecture sketches, flowcharts, sequence diagrams, state machines, ER models, timelines, swimlanes, quadrants, nested containers, trees, layer stacks, Venn overlaps, pyramids, and consultant matrices.

Everything must be self contained HTML and SVG so I can open any file in a browser with zero dependencies. Give me light, dark, and full editorial variants for each. The real magic is that it should scan my website, pull its colors and fonts, then map them intelligently to paper, ink, accent, and labels so every diagram instantly matches my brand.

Add a simple gallery page to preview them all. Keep the style sharp, sparse, and designer friendly, no shadows, no generic rounded boxes, no mermaid slop. Just high quality output I can screenshot and drop straight into articles.