Diagram Gallery

Browsable gallery of all 39 diagram types with light, dark, and full-editorial variants.

Parent repository GitHub

Type: Web gallery
Repository: cathrynlavery/diagram-design
Readiness: Usable for diagram generation with strong repository-authored checks, but output quality, host compatibility, and security claims were not independently verified from executed tests.
Keywords: 5

Location

Repository path

skills/diagram-design/assets/index.html

Invocation

Open the local index.html or visit https://cathrynlavery.github.io/diagram-design/

Setup

Installation / activation

Direct browser access; no build step.

Keywords

galleryexampleslightdarkeditorial

Repository context

cathrynlavery/diagram-design

MIT-licensed Claude Code plugin and portable Agent Skill for producing 39 opinionated editorial diagram types as self-contained HTML with inline SVG, importing draw.io and Mermaid structure for redrawing, applying brand profiles, optionally adding accessible motion, and exporting diagram-only SVG or PNG through documented supporting workflows.

diagrammingdata visualizationtechnical communicationarchitecture documentationproduct designeditorial designaccessibilitybrand systems

Open full repository research