Draw.io architect
A curated library of production-ready skills and tools designed to supercharge ClaudeCode, AntiGravity, Cline, RooCode and other agentic IDE extensions.
npx -y skills add vivek-viswanat/dev-arsenal --skill draw.io-architectAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Expert in generating and modifying editable .drawio architecture diagrams.
SKILL.md
0.9 KB, as published. Nobody here has run it
When to use
Use this skill when the user asks to "visualize the architecture," "draw a flow," or "create a system diagram."
Instructions
- Format: Always output diagrams in the
mxfileXML format used by draw.io. - Naming: Save files with the
.drawioextension. - Styling: Use consistent styling with 'Rounded' rectangles and 'Orthogonal' connectors.
- Icons: Use standard icons for common components; for cloud infrastructure, reference AWS or similar icon sets if available.
- Updating: If a
.drawiofile already exists, read the XML and modify only the necessarymxCellelements rather than regenerating from scratch.
Example
User: "Draw a diagram of a web app with a React frontend and a FastAPI backend." Agent: [Generates valid <mxfile> XML and saves it to architecture.drawio]