Who it is forA developer who wants architecture diagrams generated from the repo.
The problemDiagrams go stale because nobody updates them.
The outcomeAgent-generated draw.io diagrams of your code.
What you need first
- Node.js
- An LLM provider key for the web app
Steps
- Run
claude mcp add --scope user drawio -- npx @next-ai-drawio/mcp-server@latest - Restart Claude Code
- Ask it to diagram a module
- Open the result in draw.io
Prompt for your agent
With the drawio MCP server, diagram the modules in <repo> and their dependencies. Confirm the diagram opens in draw.io.
Caveat. Diagram accuracy depends on what the agent reads from the code.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for DayuanJiang/next-ai-draw-io and "Let your coding agent create diagrams over MCP"
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeShare: X LinkedIn Hacker News Email Copy link
Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer