What it is
Diagram Design makes clean, editorial-style diagrams as a single web page you can open by double-clicking. It covers 45 types, including flowcharts, timelines, org charts, quadrants, funnels, customer journey maps, Gantt charts, and Sankey diagrams. It can pick up your brand colors and fonts from your website, and it can redraw messy draw.io, Mermaid, or Excalidraw diagrams so they look presentable.
What it does
- Draws 45 diagram and chart types, from flowcharts to user journeys and 2x2 matrices
- Matches your brand by pulling colors and fonts from your website
- Redraws existing draw.io, Mermaid, or Excalidraw diagrams in a cleaner style
- Sizes diagrams for docs, slides, social posts, or print
- Exports to PNG or SVG when you ask
Use it when
- You need a quadrant of projects by impact versus effort for a planning meeting
- You want a customer journey map or service blueprint for a strategy deck
- You have an ugly flowchart and want it to look professional
- You want every diagram your team makes to match your brand
Add this skill to your AI
Copy the source URL and ask your AI to add it. Most coding agents — Claude Code, Cursor, Codex, Gemini CLI, OpenCode, Windsurf — will fetch and install it for you.
Try this prompt:
Add this skill to my project: https://github.com/cathrynlavery/diagram-design/tree/main/skills/diagram-design