← ClaudeAtlas

aws-architecture-diagramlisted

Always use when user asks to create, generate, or build an AWS architecture diagram, cloud infrastructure diagram, or system diagram with AWS services. Also activates for draw.io diagrams mentioning AWS services like Lambda, DynamoDB, S3, API Gateway, etc.
vidanov/aws-architecture-diagram-skill · ★ 108 · DevOps & Infrastructure · score 86
Install: claude install-skill vidanov/aws-architecture-diagram-skill
# AWS Architecture Diagram Skill Generate AWS architecture diagrams as native `.drawio` files using official AWS Architecture Icons. Optionally export to PNG, SVG, or PDF with embedded XML (so exported files remain editable in draw.io). ## How to create a diagram 1. **Generate draw.io XML** in mxGraphModel format following the rules below 2. **Write the XML** to a `.drawio` file using the Write tool 3. **If the user requested an export format** (png, svg, pdf), export using the draw.io CLI (see Export section) 4. **Open the result** with `open` (macOS), `xdg-open` (Linux), or print the path ## Layout Rules - **Left-to-right flow** for data/request path - **UI/Frontend on the LEFT** (users access from left side) - **Data sources / external systems on the RIGHT** - Use horizontal lanes for parallel paths (top lane, bottom lane) - **Minimum 220px horizontal spacing** between icons (room for edge labels) - **Minimum 250px vertical spacing** between lanes - Secondary/auxiliary services (monitoring, DLQ) go BELOW main flow with 280px+ gap - Canvas: `pageWidth="2400" pageHeight="1400"`, viewport `dx="2800" dy="1600"` - Always include a title block after the background rectangle: ```xml <mxCell value="&lt;b&gt;Diagram Title&lt;/b&gt;&lt;br&gt;Author | Date | Version" style="text;html=1;align=left;verticalAlign=top;whiteSpace=wrap;rounded=0;fontSize=14;spacing=8;" vertex="1" parent="1"> <mxGeometry x="40" y="30" width="420" height="60" as="geometry" /> </mxCell> ``` ## Icon St