Architecture design templates, mermaid diagrams, documentation patterns, and validation tools. Use when designing system architecture, creating architecture documentation, generating mermaid diagrams, documenting component relationships, designing data flows, planning deployments, creating API architectures, or when user mentions architecture diagrams, system design, mermaid, architecture documentation, or component design.
Inherits all available tools
Additional assets for this skill
This skill inherits all available tools. When active, it can use any tool Claude has access to.
examples/example-ai-rag-architecture.mdexamples/example-fastapi-architecture.mdexamples/example-fullstack-architecture.mdexamples/example-microservices-architecture.mdexamples/example-nextjs-architecture.mdscripts/create-architecture.shscripts/export-diagrams.shscripts/generate-diagrams.shscripts/update-architecture.shscripts/validate-mermaid.shtemplates/api-architecture.mdtemplates/architecture-overview.mdtemplates/component-diagram.mdtemplates/data-flow-diagram.mdtemplates/deployment-diagram.mdtemplates/security-architecture.mdCRITICAL: The description field above controls when Claude auto-loads this skill.
Provides comprehensive architecture design capabilities including mermaid diagram generation, architecture documentation templates, diagram validation, and pattern libraries for common architectural styles (microservices, RAG systems, full-stack applications).
bash scripts/create-architecture.sh <project-path> <architecture-type> to scaffold architecture docsnextjs, fastapi, fullstack, microservices, rag, genericdocs/architecture/ with overview, components, data-flow, deploymentbash scripts/validate-mermaid.sh <markdown-file> to check mermaid syntaxbash scripts/generate-diagrams.sh <output-dir> <diagram-types> to create diagram templatescomponent, data-flow, deployment, api, security, allbash scripts/update-architecture.sh <architecture-file> <section> to add new sectionscomponent, api, security, deployment, data-flowbash scripts/export-diagrams.sh <markdown-file> <output-dir> to extract diagrams.mmd files for each diagramSee examples/ directory for detailed usage examples:
example-nextjs-architecture.md - Next.js 15 App Router architectureexample-fastapi-architecture.md - FastAPI backend with PostgreSQLexample-fullstack-architecture.md - Full stack Next.js + FastAPIexample-ai-rag-architecture.md - RAG system with vector databaseexample-microservices-architecture.md - Microservices pattern with API gatewaygraph TD
A[Start] --> B{Decision}
B -->|Yes| C[Action 1]
B -->|No| D[Action 2]
sequenceDiagram
Client->>API: Request
API->>Database: Query
Database-->>API: Result
API-->>Client: Response
classDiagram
class User {
+String name
+login()
}
erDiagram
USER ||--o{ ORDER : places
ORDER ||--|{ ITEM : contains
stateDiagram-v2
[*] --> Idle
Idle --> Processing
Processing --> Complete
Scripts perform these validations:
This skill is used by:
planning:architecture command - Generate architecture docsarchitecture-designer agent - Create system designsgraph TB
UI[Presentation Layer]
BL[Business Logic Layer]
DA[Data Access Layer]
DB[(Database)]
UI --> BL
BL --> DA
DA --> DB
graph LR
P[Producer] -->|Event| Q[Event Queue]
Q -->|Event| C1[Consumer 1]
Q -->|Event| C2[Consumer 2]
graph TB
AG[API Gateway]
AG --> MS1[Service 1]
AG --> MS2[Service 2]
AG --> MS3[Service 3]
MS1 --> DB1[(DB 1)]
MS2 --> DB2[(DB 2)]
Purpose: Comprehensive architecture design and documentation Used by: Architecture designers, system planners, documentation tools