Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Diagram Design is a tool for creating editorial-style diagrams as self-contained HTML and SVG files, covering layouts such as flows, system architectures, Sankey diagrams, maps, and schemas. Designers and coding-agent users can use it to produce branded static diagrams or redraw Mermaid and draw.io sources. The catalogue commands, plugin, and skill provide the agent workflow for generating these diagrams.
2 files for Codex, OpenCode and Claude Code: diagram-design AGENTS.md, diagram-design CLAUDE.md — 648 tokens loaded in every session.
AGENTS.md A 643 tok CLAUDE.md A 5 tok These files are cathrynlavery/diagram-design's own configuration — they tell Codex, OpenCode and Claude Code how to work on this repository, so they are not mods to install elsewhere. Copy one as a starting point and replace the parts that are about this project.