Neon Diagrams

Dark-mode diagram types. Structure stays in quiet greys and hairlines; one accent colour marks what matters.

Get the skill

A skill for Claude Code. Ask for a diagram or chart and get one self-contained HTML file in this style: dark, one accent, and every diagram responds to clicks, drags or hover.

unzip neon-diagram.zip -d ~/.claude/skills/

Then ask Claude for “a neon diagram of …”. The .skill file uploads to Claude apps under Settings → Capabilities → Skills.

Exploded views adapt the conventions of diagram-design by Cathryn Lavery (MIT). Neon Diagrams is MIT licensed too.