When to use this skill
Use this skill whenever the user wants to:
- Use Draw.io to create system architecture diagrams, deployment diagrams, and component diagrams
- Produce exportable vector/PNG images for documentation or review
- Collaborative editing and version management (e.g., Confluence, Git storing .drawio)
How to use this skill
- Tool: Draw.io desktop version or diagrams.net; supports .drawio XML, export PNG/SVG/PDF.
- Content: Choose from templates or shape libraries (C4, UML, cloud components); use swimlanes/containers to express hierarchy.
- Collaboration: Save to Confluence, Google Drive, or a repository; agree on naming and legends.
Best Practices
- One diagram, one theme; use titles and legends to explain the meaning of symbols.
- Keep the style consistent (colors, fonts, arrows); use multiple diagrams to layer complex systems.
- Choose an appropriate resolution when exporting; when referencing in documents, note the "architecture diagram" and the update date.
Keywords
draw.io, architecture diagram, C4, deployment diagram, architecture diagram, deployment diagram, diagrams.net