← ClaudeAtlas

architecture-diagramlisted

Generate architecture diagrams in Mermaid, PlantUML, or diagrams.net formats
manastalukdar/ai-devstudio · ★ 1 · AI & Automation · score 77
Install: claude install-skill manastalukdar/ai-devstudio
# Architecture Diagram Generator I'll analyze your codebase and generate visual architecture diagrams showing component relationships, data flow, and system structure. Arguments: `$ARGUMENTS` - diagram type or format (e.g., "mermaid", "plantuml", "component", "data-flow") ## Strategic Analysis Process <think> Effective architecture diagrams require understanding: 1. **Project Structure Analysis** - What's the application architecture? (monolith, microservices, serverless) - What layers exist? (frontend, backend, database, services) - How do components communicate? - What are the major modules and their responsibilities? - Are there clear architectural patterns? (MVC, MVVM, Clean Architecture) 2. **Diagram Type Selection** - Component diagram: Show major components and relationships - Sequence diagram: Show interaction flows - Data flow diagram: Show how data moves through system - Deployment diagram: Show infrastructure and deployment - Class diagram: Show object-oriented structure - Entity-relationship: Show database schema 3. **Format Decision** - Mermaid: Simple, version-controllable, GitHub/GitLab rendering - PlantUML: More features, complex diagrams, requires rendering - Diagrams.net (Draw.io): Visual editing, XML format - ASCII art: Terminal-friendly, simple visualizations 4. **Detail Level** - High-level overview: Major components only - Medium detail: Components + key interactions - Detailed: All modules, f