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.
The /security-review command scans your uncommitted changes for injection vectors, auth gaps, hardcoded secrets, and other common vulnerabilities.
The SessionStart hook fires when any session begins or resumes, making it ideal for loading environment variables and running one-time setup scripts.
Ask Claude to write property-based tests for your functions using fast-check — it identifies the mathematical invariants in your code and generates tests that cover inputs you'd never enumerate by hand.