diagram-design

Why we included this project

Teams documenting architecture with coding agents already know the default diagram output usually looks like a generic rounded-box mess. This repository installs a skill that turns Claude Code, Codex, and similar agents into a disciplined diagram tool, with 38 visual types that render as self-contained HTML and SVG. The design leans editorial and static by default: no shadows, low node density, and one accent color reserved for the one or two things the reader should notice first. It also redraws existing draw.io or Mermaid sources at a chosen format, size, and detail level, which is handy when you inherit diagrams you don't want to rebuild by hand. Teams that publish docs or product sites and care about visual consistency across their diagrams will get the most out of it.