AI-generated diagrams often communicate the idea—but look like a wall of generic rounded boxes.
diagram-design gives Claude Code and Codex a visual system to follow: typography, color, spacing, layout, and multiple presentation styles, including light, dark, and editorial looks.
It supports 42 diagram formats, from architecture and process diagrams to timelines and Gantt charts.
Useful details:
• Reads your website to match its colors and fonts
• Reworks existing Mermaid, https://t.co/qDdD7jddup, or Excalidraw diagrams
• Outputs editable HTML + SVG
• Lets you keep refining text and layout through AI
• Opens directly in a browser
The result is much closer to a diagram you can actually place in a document or product—not something that needs a long detour through Figma.
https://t.co/py16FSfm4E