How to Get Started with diagram-generator in Your AI Workflow

diagram-generator is a powerful AI agent skill that extends your assistant with new capabilities. Generate and edit various types of diagrams (drawio, mermaid, excalidraw). Supports common chart types such as flow charts, sequence diagrams, class diagrams, ER diagrams, mind maps, architecture diagrams, and network topology diagrams. Ability to create new diagrams based on natural language descriptions, as well as read and modify existing drawio/mermaid/excalidraw files. Use an independent MCP server (mcp-diagram-generator) to generate diagram files to reduce token consumption and ensure output consistency. Supports automatic configuration management. The default output path is diagrams/{format}/ in the project directory. Custom paths and automatically created directories are supported. This guide walks you through installing diagram-generator, configuring it for your setup, and running your first commands — so you can start getting value in minutes.

Step-by-Step Guide

1. 1

   Install diagram-generator: npx clawhub@latest --dir ~/.claude/skills install diagram-generator

2. 2

   Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)

3. 3

   Type a natural language request related to developer & devops to trigger diagram-generator

4. 4

   Review the output and refine your prompt for better results

5. 5

   Combine diagram-generator with other skills to build multi-step workflows

Example Prompts

Copy these prompts and use them with your AI agent after installing diagram-generator

More Use Cases for diagram-generator