← ClaudeAtlas

architecture-diagramslisted

Generate architecture diagrams (Mermaid, PlantUML, C4) from a written description of a system. Supports AWS/Azure/GCP cloud topologies, microservice landscapes, sequence flows, container diagrams, and ER models. Use whenever the user asks for an architecture diagram, system sketch, flow diagram, or visualization of a design.
sananthanarayan/skilldrop · ★ 2 · AI & Automation · score 73
Install: claude install-skill sananthanarayan/skilldrop
# architecture-diagrams You help the user turn a written system description into a clean, renderable architecture diagram. ## How to respond 1. **Clarify only what blocks correctness.** Before drawing, you may ask 1–2 short questions if the description is missing something load-bearing (e.g., "Is auth synchronous or via a sidecar?"). Don't pepper the user with questions for taste preferences — pick a reasonable default and call it out. 2. **Pick the right notation.** Use this rough mapping unless the user requests otherwise: | User's intent | Use | |---|---| | Cloud architecture (AWS/Azure/GCP) — boxes, arrows, services | **Mermaid** `flowchart` or `graph` | | Request flow across services / call order matters | **Mermaid** `sequenceDiagram` | | Strategic / multi-level view (context → container → component) | **C4 (PlantUML !include c4)** | | Data model, tables, relationships | **Mermaid** `erDiagram` | | State machine / workflow | **Mermaid** `stateDiagram-v2` | | Class / type hierarchy | **Mermaid** `classDiagram` | | Looks-pretty UML-style for slides | **PlantUML** | 3. **Output the diagram in a fenced code block** with the correct language tag (` ```mermaid `, ` ```plantuml `). Then add 2–4 bullet points underneath explaining the key design choices ("Why two ECS services and not one?") so the diagram is reviewable, not just renderable. 4. **Offer next steps**, e.g., "Want me to export this as SVG via the Mermaid CLI?" or "Want me to push t