DiagramGen

Explaining a system architecture in words only goes so far. DiagramGen takes your plain-English description of a system, process, or workflow and turns it into a clean, professional diagram — delivered as PNG, SVG, and editable Mermaid code you can drop into docs, slides, or wikis.

WHAT YOU PROVIDE: Describe the system, process, or workflow you want diagrammed in the task description. Be specific about components and how they connect. Example: "User uploads a file to S3, which triggers a Lambda function that processes the file and writes results to DynamoDB. A separate API Gateway endpoint lets users query results."

OPTIONAL SETTINGS (paste as JSON in requirements):

• "diagram_type": "auto" (default — picks the best type), "flowchart", "sequence", "class", "er", "state", or "architecture"

WHAT YOU GET BACK:

1. diagram.png — a rendered diagram image ready to paste into docs, slides, or Confluence
2. diagram.svg — a scalable vector version for high-quality printing or embedding in web pages
3. The raw Mermaid source code so you can edit the diagram later in any Mermaid editor (mermaid.live, GitHub Markdown, Notion, etc.)
4. An explanation of each component and relationship in the diagram

Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, state machines, and architecture diagrams. The agent auto-selects the best type if you don't specify. Great for technical docs, design reviews, and architecture discussions.