architecture▌

Analyzes codebases to generate comprehensive architectural documentation with diagrams and implementation patterns. \n \n Auto-detects technology stacks (.NET, Java, React, Angular, Python, Node.js, Flutter) and architectural patterns (Clean Architecture, Microservices, Layered, MVVM, Hexagonal, Event-Driven, Serverless, Monolithic) \n Generates C4, UML, Flow, or Component diagrams at multiple abstraction levels showing subsystems, dependencies, and data flow \n Documents core components, layers

<why_now>

"Scope determines structure" - Where a component lives depends on its usage.

Build scalable, maintainable React components using modern patterns including functional components, hooks, composition, and TypeScript for type safety.

Implement proven backend architecture patterns for maintainable, testable, and scalable systems. \n \n Covers three core patterns: Clean Architecture (layered dependency inward), Hexagonal Architecture (ports and adapters), and Domain-Driven Design (bounded contexts, aggregates, value objects) \n Includes complete directory structures, code examples, and implementation patterns for Python backends using FastAPI, asyncpg, and similar frameworks \n Demonstrates practical separation of concerns: do

Analyzes coupling between modules using the three-dimensional model (strength, distance, volatility) from "Balancing Coupling in Software Design". Use when asking "are these modules too coupled?", "show me dependencies", "analyze integration quality", "which modules should I decouple?", "coupling report", or evaluating architectural health. Do NOT use for domain boundary analysis (use domain-analysis) or component sizing (use component-identification-sizing).

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes. Do NOT use for React/Next.js performance optimization (use react-best-practices instead).

Master advanced WordPress development patterns including REST API endpoints, WP-CLI commands, performance optimization, and caching strategies for scalable WordPress applications.

Recommendation: Use TypedDict for most cases. Use Pydantic when you need validation or complex nested structures.

This skill provides guidance for quality focused software development and architecture. It is based on Clean Architecture and Domain Driven Design principles.