diagram-design: 13 Editorial Diagrams for Claude Code

Video ID: mlsS7eQwjsw

YouTube URL: https://www.youtube.com/watch?v=mlsS7eQwjsw

Added At: 22-04-26 10:01:00

Processed: Yes

Sentiment: -

Categories: Design

Tags: diagram-design, claude-code, developer-tools, svg, diagrams, open-source, web-dev

Summary

No summary

Transcript

13 diagram types, zero mermaid, zero
shadows.
This is diagram designed by Katherine
Lavery, a Claude code skill for
editorial quality diagrams.
Think mermaid, but your blog post
actually ships.
You get 13 types. Architecture, flow
charts, sequence, state machines, Venn,
pyramids, all pure HTML and SVG. No
build step, no JavaScript. Point it at
your website and it extracts your
palette, fonts, and accent color, then
runs WCAG contrast checks. Every node
earns its place. Git clone the repo into
your .claudskills folder, restart Claude
code, and ask for a diagram. Star
diagram design on GitHub if ugly
architecture sketches offend you.