Introduction

What is Diagram Design?

Diagram Design is an agent skill for Claude Code, Codex and Pi that produces editorial-quality diagrams. It ships 28 visual types as self-contained HTML + SVG, matched to your brand in about 60 seconds.

With Diagram Design you can:

• Generate architecture, flowchart, sequence, ER, timeline, swimlane and 22 more visual types
• Match every diagram to your paper, ink, accent color and fonts
• Export one self-contained HTML file with no build step
• Redraw draw.io or Mermaid sources at your chosen format, size and detail
• Keep diagrams accessible, with reduced-motion support

Getting Started

Sign in with your Google account to start using Diagram Design. Choose a plan on the pricing page to unlock credits, or explore the product through the app experience.