Who it is forA developer documenting a system for a design review.
The problemLaying out diagrams by hand is slow.
The outcomeAn editable draw.io diagram generated from your description.
What you need first
- Node.js
- An LLM provider key for the web app
Steps
- Open the live demo, or clone and run it locally
- Describe the system and its components
- Ask for edits in chat
- Export the draw.io file
Prompt for your agent
Using DayuanJiang/next-ai-draw-io, draw <system description> as a draw.io diagram and export it. Confirm every component I named appears.
Caveat. The hosted demo uses its own model configuration; self-host to use your own keys.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for DayuanJiang/next-ai-draw-io and "Draw an architecture diagram by describing it"
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