diagram-design

Skill

38 editorial diagram types for Claude Code — self-contained HTML and SVG outputs covering data visualization, system design, and other diagram categories.

by cathrynlavery·cathrynlavery/diagram-design·HTML

95· A

Install

git clone https://github.com/cathrynlavery/diagram-design

Stars

43.3K

7d change

▲ 1.77%

Downloads / week

—

Last active

2 days ago

About

New in 2.0 — the Loop: flywheels with a shared-memory hub. The dashed lines are the write-backs.

New in 2.3: semantic system patterns and optional accessible motion, while static output stays the default.

New in 2.5.10: ten more layout grammars — Sankey, fishbone, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, and database schema.

Editorial diagram types for Claude Code, Codex, Factory Droid, Pi, and Agent Skills-compatible hosts. Self-contained HTML + SVG. No shadows. No Mermaid slop. Semantic patterns describe behavior separately from layout, so a queue, policy trace, or trust boundary can use the nearest existing type without expanding the type count. Static HTML remains the default; optional motion is available for ordered explanations. The skill also redraws draw.io, Mermaid, or Excalidraw sources at a chosen form…