Generate draw.io Architecture Diagrams with Claude Code
draw.io diagrams are tedious to build by hand, but Claude Code can generate the XML for you in seconds.
Just ask:
Generate a draw.io diagram showing the architecture of this application
Claude produces the XML that you paste directly into draw.io (or diagrams.net). It is not always perfect on the first pass, but you get a solid starting picture that is much faster to tweak than to build from scratch.
This works particularly well for:
- App architecture and component relationships
- Database schemas and ERDs
- API request flows
- Deployment topology
If the first attempt is off, be specific about what you want — Claude responds well to corrections like "move the database layer below the service layer" or "add arrows showing the request flow from the frontend to the API". A couple of rounds of feedback usually produces something you can use.
The tip is especially useful at the start of a project when you want a visual overview fast, or when onboarding someone new who needs a map of the codebase. Pair it with a generated README and you have solid documentation in minutes.
Get the skeleton from Claude, tweak the layout, ship the doc.
via @fat_rat_dev
Log in to leave a comment.
Set up Claude Code as an automated reviewer in your CI pipeline — on every pull request, it reads the diff, checks for bugs, security issues, missing tests, and convention violations, then posts its findings as a PR comment. Your human reviewers get a head start because the obvious issues are already flagged before they look.
Before deploying, tell Claude to read your project — migrations, environment variables, queue workers, scheduled tasks, caching, third-party integrations — and generate a deployment checklist that's specific to your app. Not a generic "did you run migrations?" list, but one that knows YOUR infrastructure and catches the things YOUR deploy can break.
Instead of writing a README from memory or copying a template, tell Claude to read your project and generate one that's actually accurate — real setup instructions from your config, real architecture from your directory structure, real API examples from your routes, and real prerequisites from your dependency files.