Diagram Design

An agent skill that turns 45 diagram types into brand-aligned, single-file HTML+SVG outputs.

Turns 45 diagram types (architecture, sequence, ER, timeline, decision matrix, charts, and more) into brand-aligned, single-file HTML+SVG outputs. Supports importing Mermaid, draw.io, and Excalidraw, and exporting PNG/SVG. Produces polished visuals that open directly, with no server, account, analytics, or telemetry required.

✓

Technical documentation, architecture presentations, and shareable static visuals that match brand colors.

!

Static output is neither as source-grounded nor as interactive as Archify. Templates make requests to Google Fonts; remove the font imports for fully offline environments.

npx skills add cathrynlavery/diagram-design

cathrynlavery/diagram-design