Skip to content

[GitHub Trending] cathrynlavery/diagram-design

7.3 relevance
Score Breakdown
technical depth
7
novelty
8
actionability
9
community
6
strategic
4
personal
8

Scored daily by a customisable AI persona to surface the most relevant engineering leadership news.

29 editorial diagram types for Claude Code, highly actionable for AI agent output formatting and open source trending.

AI/ML github.com
29 editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop. - cathrynlavery/diagram-design
Summary

Diagram Design 2.0 is an open-source skill for Claude Code, Codex, and Pi that generates 27 types of editorial-quality diagrams (architecture, flowcharts, sequence, loops with shared-memory hubs) matching your brand in 60 seconds by reading your website's CSS. It redraws existing draw.io or Mermaid diagrams at the format, size, and detail level needed, outputs three variants (minimal light, dark, full-editorial) viewable directly in a browser with no build step or JavaScript, and installs via `pi install`, `/plugin marketplace add`, or `npx skills add`.

Author

cathrynlavery