$npx -y skills add puppyfront-web/work-by-roles --skill system_designArchitect systems with clear separation of concerns
| 1 | # System Architecture |
| 2 | |
| 3 | ## 概述 |
| 4 | |
| 5 | Architect systems with clear separation of concerns |
| 6 | |
| 7 | ## 能力维度 |
| 8 | |
| 9 | ### Componentization |
| 10 | |
| 11 | <!-- Add dimension-specific guidance here --> |
| 12 | |
| 13 | ### Data Flow |
| 14 | |
| 15 | <!-- Add dimension-specific guidance here --> |
| 16 | |
| 17 | ### Quality Attributes |
| 18 | |
| 19 | <!-- Add dimension-specific guidance here --> |
| 20 | |
| 21 | ## 工具支持 |
| 22 | |
| 23 | - **mermaid**: <!-- Add tool description --> |
| 24 | - **architecture_decision_records**: <!-- Add tool description --> |
| 25 | |
| 26 | ## 约束条件 |
| 27 | |
| 28 | - must_define_quality_gates |
| 29 | |
| 30 | ## 能力等级 |
| 31 | |
| 32 | ### Level 1 |
| 33 | |
| 34 | Defines core components and interactions |
| 35 | |
| 36 | ### Level 2 |
| 37 | |
| 38 | Covers resiliency, extensibility, and validation flows |
| 39 | |
| 40 | ### Level 3 |
| 41 | |
| 42 | Optimizes for scale, evolution, and governance |