bmad-method 5.0.0-beta.2 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/.github/ISSUE_TEMPLATE/bug_report.md +3 -3
  2. package/.github/ISSUE_TEMPLATE/feature_request.md +3 -3
  3. package/.github/workflows/discord.yaml +11 -2
  4. package/.github/workflows/format-check.yaml +42 -0
  5. package/.github/workflows/manual-release.yaml +173 -0
  6. package/.husky/pre-commit +3 -0
  7. package/.vscode/settings.json +26 -1
  8. package/CHANGELOG.md +0 -11
  9. package/README.md +2 -0
  10. package/bmad-core/agent-teams/team-all.yaml +1 -1
  11. package/bmad-core/agents/bmad-orchestrator.md +1 -1
  12. package/bmad-core/agents/dev.md +4 -4
  13. package/bmad-core/data/bmad-kb.md +1 -1
  14. package/bmad-core/data/test-levels-framework.md +12 -12
  15. package/bmad-core/tasks/facilitate-brainstorming-session.md +1 -1
  16. package/bmad-core/tasks/nfr-assess.md +10 -10
  17. package/bmad-core/tasks/qa-gate.md +23 -23
  18. package/bmad-core/tasks/review-story.md +18 -18
  19. package/bmad-core/tasks/risk-profile.md +25 -25
  20. package/bmad-core/tasks/test-design.md +9 -9
  21. package/bmad-core/tasks/trace-requirements.md +21 -21
  22. package/bmad-core/templates/architecture-tmpl.yaml +49 -49
  23. package/bmad-core/templates/brainstorming-output-tmpl.yaml +5 -5
  24. package/bmad-core/templates/brownfield-architecture-tmpl.yaml +31 -31
  25. package/bmad-core/templates/brownfield-prd-tmpl.yaml +13 -13
  26. package/bmad-core/templates/competitor-analysis-tmpl.yaml +19 -6
  27. package/bmad-core/templates/front-end-architecture-tmpl.yaml +21 -9
  28. package/bmad-core/templates/front-end-spec-tmpl.yaml +24 -24
  29. package/bmad-core/templates/fullstack-architecture-tmpl.yaml +122 -104
  30. package/bmad-core/templates/market-research-tmpl.yaml +2 -2
  31. package/bmad-core/templates/prd-tmpl.yaml +9 -9
  32. package/bmad-core/templates/project-brief-tmpl.yaml +4 -4
  33. package/bmad-core/templates/qa-gate-tmpl.yaml +9 -9
  34. package/bmad-core/templates/story-tmpl.yaml +12 -12
  35. package/bmad-core/workflows/brownfield-fullstack.yaml +9 -9
  36. package/bmad-core/workflows/brownfield-service.yaml +1 -1
  37. package/bmad-core/workflows/brownfield-ui.yaml +1 -1
  38. package/bmad-core/workflows/greenfield-fullstack.yaml +1 -1
  39. package/bmad-core/workflows/greenfield-service.yaml +1 -1
  40. package/bmad-core/workflows/greenfield-ui.yaml +1 -1
  41. package/common/utils/bmad-doc-template.md +5 -5
  42. package/dist/agents/analyst.txt +28 -15
  43. package/dist/agents/architect.txt +220 -190
  44. package/dist/agents/bmad-master.txt +298 -255
  45. package/dist/agents/bmad-orchestrator.txt +1 -1
  46. package/dist/agents/pm.txt +20 -20
  47. package/dist/agents/po.txt +11 -11
  48. package/dist/agents/qa.txt +275 -618
  49. package/dist/agents/sm.txt +11 -11
  50. package/dist/agents/ux-expert.txt +23 -23
  51. package/dist/expansion-packs/bmad-2d-phaser-game-dev/agents/game-designer.txt +109 -109
  52. package/dist/expansion-packs/bmad-2d-phaser-game-dev/agents/game-developer.txt +75 -77
  53. package/dist/expansion-packs/bmad-2d-phaser-game-dev/agents/game-sm.txt +41 -41
  54. package/dist/expansion-packs/bmad-2d-phaser-game-dev/teams/phaser-2d-nodejs-game-team.txt +483 -474
  55. package/dist/expansion-packs/bmad-2d-unity-game-dev/agents/game-architect.txt +1 -1
  56. package/dist/expansion-packs/bmad-2d-unity-game-dev/agents/game-designer.txt +149 -149
  57. package/dist/expansion-packs/bmad-2d-unity-game-dev/agents/game-sm.txt +20 -20
  58. package/dist/expansion-packs/bmad-2d-unity-game-dev/teams/unity-2d-game-team.txt +371 -358
  59. package/dist/expansion-packs/bmad-infrastructure-devops/agents/infra-devops-platform.txt +25 -25
  60. package/dist/teams/team-all.txt +581 -881
  61. package/dist/teams/team-fullstack.txt +316 -273
  62. package/dist/teams/team-ide-minimal.txt +276 -619
  63. package/dist/teams/team-no-ui.txt +281 -238
  64. package/docs/versioning-and-releases.md +114 -44
  65. package/eslint.config.mjs +119 -0
  66. package/expansion-packs/Complete AI Agent System - Blank Templates & Google Cloud Setup/PART 1 - Google Cloud Vertex AI Setup Documentation/1.4 Deployment Configuration/1.4.2 - cloudbuild.yaml +26 -26
  67. package/expansion-packs/bmad-2d-phaser-game-dev/agents/game-developer.md +4 -4
  68. package/expansion-packs/bmad-2d-phaser-game-dev/agents/game-sm.md +1 -1
  69. package/expansion-packs/bmad-2d-phaser-game-dev/data/development-guidelines.md +26 -28
  70. package/expansion-packs/bmad-2d-phaser-game-dev/templates/game-architecture-tmpl.yaml +50 -50
  71. package/expansion-packs/bmad-2d-phaser-game-dev/templates/game-brief-tmpl.yaml +23 -23
  72. package/expansion-packs/bmad-2d-phaser-game-dev/templates/game-design-doc-tmpl.yaml +24 -24
  73. package/expansion-packs/bmad-2d-phaser-game-dev/templates/game-story-tmpl.yaml +42 -42
  74. package/expansion-packs/bmad-2d-phaser-game-dev/templates/level-design-doc-tmpl.yaml +65 -65
  75. package/expansion-packs/bmad-2d-phaser-game-dev/workflows/game-dev-greenfield.yaml +5 -5
  76. package/expansion-packs/bmad-2d-phaser-game-dev/workflows/game-prototype.yaml +1 -1
  77. package/expansion-packs/bmad-2d-unity-game-dev/agents/game-developer.md +3 -3
  78. package/expansion-packs/bmad-2d-unity-game-dev/data/bmad-kb.md +1 -1
  79. package/expansion-packs/bmad-2d-unity-game-dev/templates/game-brief-tmpl.yaml +23 -23
  80. package/expansion-packs/bmad-2d-unity-game-dev/templates/game-design-doc-tmpl.yaml +63 -63
  81. package/expansion-packs/bmad-2d-unity-game-dev/templates/game-story-tmpl.yaml +20 -20
  82. package/expansion-packs/bmad-2d-unity-game-dev/templates/level-design-doc-tmpl.yaml +65 -65
  83. package/expansion-packs/bmad-2d-unity-game-dev/workflows/game-dev-greenfield.yaml +5 -5
  84. package/expansion-packs/bmad-2d-unity-game-dev/workflows/game-prototype.yaml +1 -1
  85. package/expansion-packs/bmad-infrastructure-devops/templates/infrastructure-architecture-tmpl.yaml +20 -20
  86. package/expansion-packs/bmad-infrastructure-devops/templates/infrastructure-platform-from-arch-tmpl.yaml +7 -7
  87. package/package.json +62 -39
  88. package/prettier.config.mjs +32 -0
  89. package/release_notes.md +30 -0
  90. package/tools/bmad-npx-wrapper.js +10 -10
  91. package/tools/builders/web-builder.js +124 -130
  92. package/tools/bump-all-versions.js +42 -33
  93. package/tools/bump-expansion-version.js +23 -16
  94. package/tools/cli.js +10 -12
  95. package/tools/flattener/aggregate.js +10 -10
  96. package/tools/flattener/binary.js +44 -17
  97. package/tools/flattener/discovery.js +19 -18
  98. package/tools/flattener/files.js +6 -6
  99. package/tools/flattener/ignoreRules.js +125 -125
  100. package/tools/flattener/main.js +201 -304
  101. package/tools/flattener/projectRoot.js +75 -73
  102. package/tools/flattener/prompts.js +9 -9
  103. package/tools/flattener/stats.helpers.js +131 -67
  104. package/tools/flattener/stats.js +3 -3
  105. package/tools/flattener/test-matrix.js +201 -193
  106. package/tools/flattener/xml.js +33 -31
  107. package/tools/installer/bin/bmad.js +130 -89
  108. package/tools/installer/config/ide-agent-config.yaml +1 -1
  109. package/tools/installer/config/install.config.yaml +2 -2
  110. package/tools/installer/lib/config-loader.js +46 -42
  111. package/tools/installer/lib/file-manager.js +91 -113
  112. package/tools/installer/lib/ide-base-setup.js +57 -56
  113. package/tools/installer/lib/ide-setup.js +375 -343
  114. package/tools/installer/lib/installer.js +875 -714
  115. package/tools/installer/lib/memory-profiler.js +54 -53
  116. package/tools/installer/lib/module-manager.js +19 -15
  117. package/tools/installer/lib/resource-locator.js +26 -28
  118. package/tools/installer/package.json +19 -19
  119. package/tools/lib/dependency-resolver.js +26 -30
  120. package/tools/lib/yaml-utils.js +7 -7
  121. package/tools/preview-release-notes.js +66 -0
  122. package/tools/shared/bannerArt.js +3 -3
  123. package/tools/sync-installer-version.js +7 -9
  124. package/tools/update-expansion-version.js +14 -15
  125. package/tools/upgraders/v3-to-v4-upgrader.js +203 -294
  126. package/tools/version-bump.js +41 -26
  127. package/tools/yaml-format.js +56 -43
  128. package/.github/workflows/promote-to-stable.yml +0 -144
  129. package/.github/workflows/release.yaml +0 -60
  130. package/.releaserc.json +0 -21
  131. package/tools/semantic-release-sync-installer.js +0 -30
@@ -16,40 +16,40 @@ sections:
16
16
  title: Introduction
17
17
  instruction: |
18
18
  IMPORTANT - SCOPE AND ASSESSMENT REQUIRED:
19
-
19
+
20
20
  This architecture document is for SIGNIFICANT enhancements to existing projects that require comprehensive architectural planning. Before proceeding:
21
-
21
+
22
22
  1. **Verify Complexity**: Confirm this enhancement requires architectural planning. For simple additions, recommend: "For simpler changes that don't require architectural planning, consider using the brownfield-create-epic or brownfield-create-story task with the Product Owner instead."
23
-
23
+
24
24
  2. **REQUIRED INPUTS**:
25
25
  - Completed brownfield-prd.md
26
26
  - Existing project technical documentation (from docs folder or user-provided)
27
27
  - Access to existing project structure (IDE or uploaded files)
28
-
28
+
29
29
  3. **DEEP ANALYSIS MANDATE**: You MUST conduct thorough analysis of the existing codebase, architecture patterns, and technical constraints before making ANY architectural recommendations. Every suggestion must be based on actual project analysis, not assumptions.
30
-
30
+
31
31
  4. **CONTINUOUS VALIDATION**: Throughout this process, explicitly validate your understanding with the user. For every architectural decision, confirm: "Based on my analysis of your existing system, I recommend [decision] because [evidence from actual project]. Does this align with your system's reality?"
32
-
32
+
33
33
  If any required inputs are missing, request them before proceeding.
34
34
  elicit: true
35
35
  sections:
36
36
  - id: intro-content
37
37
  content: |
38
38
  This document outlines the architectural approach for enhancing {{project_name}} with {{enhancement_description}}. Its primary goal is to serve as the guiding architectural blueprint for AI-driven development of new features while ensuring seamless integration with the existing system.
39
-
39
+
40
40
  **Relationship to Existing Architecture:**
41
41
  This document supplements existing project architecture by defining how new components will integrate with current systems. Where conflicts arise between new and existing patterns, this document provides guidance on maintaining consistency while implementing enhancements.
42
42
  - id: existing-project-analysis
43
43
  title: Existing Project Analysis
44
44
  instruction: |
45
45
  Analyze the existing project structure and architecture:
46
-
46
+
47
47
  1. Review existing documentation in docs folder
48
48
  2. Examine current technology stack and versions
49
49
  3. Identify existing architectural patterns and conventions
50
50
  4. Note current deployment and infrastructure setup
51
51
  5. Document any constraints or limitations
52
-
52
+
53
53
  CRITICAL: After your analysis, explicitly validate your findings: "Based on my analysis of your project, I've identified the following about your existing system: [key findings]. Please confirm these observations are accurate before I proceed with architectural recommendations."
54
54
  elicit: true
55
55
  sections:
@@ -78,12 +78,12 @@ sections:
78
78
  title: Enhancement Scope and Integration Strategy
79
79
  instruction: |
80
80
  Define how the enhancement will integrate with the existing system:
81
-
81
+
82
82
  1. Review the brownfield PRD enhancement scope
83
83
  2. Identify integration points with existing code
84
84
  3. Define boundaries between new and existing functionality
85
85
  4. Establish compatibility requirements
86
-
86
+
87
87
  VALIDATION CHECKPOINT: Before presenting the integration strategy, confirm: "Based on my analysis, the integration approach I'm proposing takes into account [specific existing system characteristics]. These integration points and boundaries respect your current architecture patterns. Is this assessment accurate?"
88
88
  elicit: true
89
89
  sections:
@@ -112,7 +112,7 @@ sections:
112
112
  title: Tech Stack Alignment
113
113
  instruction: |
114
114
  Ensure new components align with existing technology choices:
115
-
115
+
116
116
  1. Use existing technology stack as the foundation
117
117
  2. Only introduce new technologies if absolutely necessary
118
118
  3. Justify any new additions with clear rationale
@@ -135,7 +135,7 @@ sections:
135
135
  title: Data Models and Schema Changes
136
136
  instruction: |
137
137
  Define new data models and how they integrate with existing schema:
138
-
138
+
139
139
  1. Identify new entities required for the enhancement
140
140
  2. Define relationships with existing data models
141
141
  3. Plan database schema changes (additions, modifications)
@@ -151,11 +151,11 @@ sections:
151
151
  template: |
152
152
  **Purpose:** {{model_purpose}}
153
153
  **Integration:** {{integration_with_existing}}
154
-
154
+
155
155
  **Key Attributes:**
156
156
  - {{attribute_1}}: {{type_1}} - {{description_1}}
157
157
  - {{attribute_2}}: {{type_2}} - {{description_2}}
158
-
158
+
159
159
  **Relationships:**
160
160
  - **With Existing:** {{existing_relationships}}
161
161
  - **With New:** {{new_relationships}}
@@ -167,7 +167,7 @@ sections:
167
167
  - **Modified Tables:** {{modified_tables_list}}
168
168
  - **New Indexes:** {{new_indexes_list}}
169
169
  - **Migration Strategy:** {{migration_approach}}
170
-
170
+
171
171
  **Backward Compatibility:**
172
172
  - {{compatibility_measure_1}}
173
173
  - {{compatibility_measure_2}}
@@ -176,12 +176,12 @@ sections:
176
176
  title: Component Architecture
177
177
  instruction: |
178
178
  Define new components and their integration with existing architecture:
179
-
179
+
180
180
  1. Identify new components required for the enhancement
181
181
  2. Define interfaces with existing components
182
182
  3. Establish clear boundaries and responsibilities
183
183
  4. Plan integration points and data flow
184
-
184
+
185
185
  MANDATORY VALIDATION: Before presenting component architecture, confirm: "The new components I'm proposing follow the existing architectural patterns I identified in your codebase: [specific patterns]. The integration interfaces respect your current component structure and communication patterns. Does this match your project's reality?"
186
186
  elicit: true
187
187
  sections:
@@ -194,15 +194,15 @@ sections:
194
194
  template: |
195
195
  **Responsibility:** {{component_description}}
196
196
  **Integration Points:** {{integration_points}}
197
-
197
+
198
198
  **Key Interfaces:**
199
199
  - {{interface_1}}
200
200
  - {{interface_2}}
201
-
201
+
202
202
  **Dependencies:**
203
203
  - **Existing Components:** {{existing_dependencies}}
204
204
  - **New Components:** {{new_dependencies}}
205
-
205
+
206
206
  **Technology Stack:** {{component_tech_details}}
207
207
  - id: interaction-diagram
208
208
  title: Component Interaction Diagram
@@ -215,7 +215,7 @@ sections:
215
215
  condition: Enhancement requires API changes
216
216
  instruction: |
217
217
  Define new API endpoints and integration with existing APIs:
218
-
218
+
219
219
  1. Plan new API endpoints required for the enhancement
220
220
  2. Ensure consistency with existing API patterns
221
221
  3. Define authentication and authorization integration
@@ -265,17 +265,17 @@ sections:
265
265
  - **Base URL:** {{api_base_url}}
266
266
  - **Authentication:** {{auth_method}}
267
267
  - **Integration Method:** {{integration_approach}}
268
-
268
+
269
269
  **Key Endpoints Used:**
270
270
  - `{{method}} {{endpoint_path}}` - {{endpoint_purpose}}
271
-
271
+
272
272
  **Error Handling:** {{error_handling_strategy}}
273
273
 
274
274
  - id: source-tree-integration
275
275
  title: Source Tree Integration
276
276
  instruction: |
277
277
  Define how new code will integrate with existing project structure:
278
-
278
+
279
279
  1. Follow existing project organization patterns
280
280
  2. Identify where new files/folders will be placed
281
281
  3. Ensure consistency with existing naming conventions
@@ -314,7 +314,7 @@ sections:
314
314
  title: Infrastructure and Deployment Integration
315
315
  instruction: |
316
316
  Define how the enhancement will be deployed alongside existing infrastructure:
317
-
317
+
318
318
  1. Use existing deployment pipeline and infrastructure
319
319
  2. Identify any infrastructure changes needed
320
320
  3. Plan deployment strategy to minimize risk
@@ -344,7 +344,7 @@ sections:
344
344
  title: Coding Standards and Conventions
345
345
  instruction: |
346
346
  Ensure new code follows existing project conventions:
347
-
347
+
348
348
  1. Document existing coding standards from project analysis
349
349
  2. Identify any enhancement-specific requirements
350
350
  3. Ensure consistency with existing codebase patterns
@@ -375,7 +375,7 @@ sections:
375
375
  title: Testing Strategy
376
376
  instruction: |
377
377
  Define testing approach for the enhancement:
378
-
378
+
379
379
  1. Integrate with existing test suite
380
380
  2. Ensure existing functionality remains intact
381
381
  3. Plan for testing new features
@@ -415,7 +415,7 @@ sections:
415
415
  title: Security Integration
416
416
  instruction: |
417
417
  Ensure security consistency with existing system:
418
-
418
+
419
419
  1. Follow existing security patterns and tools
420
420
  2. Ensure new features don't introduce vulnerabilities
421
421
  3. Maintain existing security posture
@@ -450,7 +450,7 @@ sections:
450
450
  title: Next Steps
451
451
  instruction: |
452
452
  After completing the brownfield architecture:
453
-
453
+
454
454
  1. Review integration points with existing system
455
455
  2. Begin story implementation with Dev agent
456
456
  3. Set up deployment pipeline integration
@@ -473,4 +473,4 @@ sections:
473
473
  - Integration requirements with existing codebase validated with user
474
474
  - Key technical decisions based on real project constraints
475
475
  - Existing system compatibility requirements with specific verification steps
476
- - Clear sequencing of implementation to minimize risk to existing functionality
476
+ - Clear sequencing of implementation to minimize risk to existing functionality
@@ -16,19 +16,19 @@ sections:
16
16
  title: Intro Project Analysis and Context
17
17
  instruction: |
18
18
  IMPORTANT - SCOPE ASSESSMENT REQUIRED:
19
-
19
+
20
20
  This PRD is for SIGNIFICANT enhancements to existing projects that require comprehensive planning and multiple stories. Before proceeding:
21
-
21
+
22
22
  1. **Assess Enhancement Complexity**: If this is a simple feature addition or bug fix that could be completed in 1-2 focused development sessions, STOP and recommend: "For simpler changes, consider using the brownfield-create-epic or brownfield-create-story task with the Product Owner instead. This full PRD process is designed for substantial enhancements that require architectural planning and multiple coordinated stories."
23
-
23
+
24
24
  2. **Project Context**: Determine if we're working in an IDE with the project already loaded or if the user needs to provide project information. If project files are available, analyze existing documentation in the docs folder. If insufficient documentation exists, recommend running the document-project task first.
25
-
25
+
26
26
  3. **Deep Assessment Requirement**: You MUST thoroughly analyze the existing project structure, patterns, and constraints before making ANY suggestions. Every recommendation must be grounded in actual project analysis, not assumptions.
27
-
27
+
28
28
  Gather comprehensive information about the existing project. This section must be completed before proceeding with requirements.
29
-
29
+
30
30
  CRITICAL: Throughout this analysis, explicitly confirm your understanding with the user. For every assumption you make about the existing project, ask: "Based on my analysis, I understand that [assumption]. Is this correct?"
31
-
31
+
32
32
  Do not proceed with any recommendations until the user has validated your understanding of the existing system.
33
33
  sections:
34
34
  - id: existing-project-overview
@@ -54,7 +54,7 @@ sections:
54
54
  - Note: "Document-project analysis available - using existing technical documentation"
55
55
  - List key documents created by document-project
56
56
  - Skip the missing documentation check below
57
-
57
+
58
58
  Otherwise, check for existing documentation:
59
59
  sections:
60
60
  - id: available-docs
@@ -178,7 +178,7 @@ sections:
178
178
  If document-project output available:
179
179
  - Extract from "Actual Tech Stack" table in High Level Architecture section
180
180
  - Include version numbers and any noted constraints
181
-
181
+
182
182
  Otherwise, document the current technology stack:
183
183
  template: |
184
184
  **Languages**: {{languages}}
@@ -217,7 +217,7 @@ sections:
217
217
  - Reference "Technical Debt and Known Issues" section
218
218
  - Include "Workarounds and Gotchas" that might impact enhancement
219
219
  - Note any identified constraints from "Critical Technical Debt"
220
-
220
+
221
221
  Build risk assessment incorporating existing known issues:
222
222
  template: |
223
223
  **Technical Risks**: {{technical_risks}}
@@ -240,7 +240,7 @@ sections:
240
240
  title: "Epic 1: {{enhancement_title}}"
241
241
  instruction: |
242
242
  Comprehensive epic that delivers the brownfield enhancement while maintaining existing functionality
243
-
243
+
244
244
  CRITICAL STORY SEQUENCING FOR BROWNFIELD:
245
245
  - Stories must ensure existing functionality remains intact
246
246
  - Each story should include verification that existing features still work
@@ -253,7 +253,7 @@ sections:
253
253
  - Each story must deliver value while maintaining system integrity
254
254
  template: |
255
255
  **Epic Goal**: {{epic_goal}}
256
-
256
+
257
257
  **Integration Requirements**: {{integration_requirements}}
258
258
  sections:
259
259
  - id: story
@@ -277,4 +277,4 @@ sections:
277
277
  items:
278
278
  - template: "IV1: {{existing_functionality_verification}}"
279
279
  - template: "IV2: {{integration_point_verification}}"
280
- - template: "IV3: {{performance_impact_verification}}"
280
+ - template: "IV3: {{performance_impact_verification}}"
@@ -76,7 +76,7 @@ sections:
76
76
  title: Competitor Prioritization Matrix
77
77
  instruction: |
78
78
  Help categorize competitors by market share and strategic threat level
79
-
79
+
80
80
  Create a 2x2 matrix:
81
81
  - Priority 1 (Core Competitors): High Market Share + High Threat
82
82
  - Priority 2 (Emerging Threats): Low Market Share + High Threat
@@ -141,7 +141,14 @@ sections:
141
141
  title: Feature Comparison Matrix
142
142
  instruction: Create a detailed comparison table of key features across competitors
143
143
  type: table
144
- columns: ["Feature Category", "{{your_company}}", "{{competitor_1}}", "{{competitor_2}}", "{{competitor_3}}"]
144
+ columns:
145
+ [
146
+ "Feature Category",
147
+ "{{your_company}}",
148
+ "{{competitor_1}}",
149
+ "{{competitor_2}}",
150
+ "{{competitor_3}}",
151
+ ]
145
152
  rows:
146
153
  - category: "Core Functionality"
147
154
  items:
@@ -153,7 +160,13 @@ sections:
153
160
  - ["Onboarding Time", "{{time}}", "{{time}}", "{{time}}", "{{time}}"]
154
161
  - category: "Integration & Ecosystem"
155
162
  items:
156
- - ["API Availability", "{{availability}}", "{{availability}}", "{{availability}}", "{{availability}}"]
163
+ - [
164
+ "API Availability",
165
+ "{{availability}}",
166
+ "{{availability}}",
167
+ "{{availability}}",
168
+ "{{availability}}",
169
+ ]
157
170
  - ["Third-party Integrations", "{{number}}", "{{number}}", "{{number}}", "{{number}}"]
158
171
  - category: "Pricing & Plans"
159
172
  items:
@@ -180,7 +193,7 @@ sections:
180
193
  title: Positioning Map
181
194
  instruction: |
182
195
  Describe competitor positions on key dimensions
183
-
196
+
184
197
  Create a positioning description using 2 key dimensions relevant to the market, such as:
185
198
  - Price vs. Features
186
199
  - Ease of Use vs. Power
@@ -215,7 +228,7 @@ sections:
215
228
  title: Blue Ocean Opportunities
216
229
  instruction: |
217
230
  Identify uncontested market spaces
218
-
231
+
219
232
  List opportunities to create new market space:
220
233
  - Underserved segments
221
234
  - Unaddressed use cases
@@ -290,4 +303,4 @@ sections:
290
303
  Recommended review schedule:
291
304
  - Weekly: {{weekly_items}}
292
305
  - Monthly: {{monthly_items}}
293
- - Quarterly: {{quarterly_analysis}}
306
+ - Quarterly: {{quarterly_analysis}}
@@ -16,16 +16,16 @@ sections:
16
16
  title: Template and Framework Selection
17
17
  instruction: |
18
18
  Review provided documents including PRD, UX-UI Specification, and main Architecture Document. Focus on extracting technical implementation details needed for AI frontend tools and developer agents. Ask the user for any of these documents if you are unable to locate and were not provided.
19
-
19
+
20
20
  Before proceeding with frontend architecture design, check if the project is using a frontend starter template or existing codebase:
21
-
21
+
22
22
  1. Review the PRD, main architecture document, and brainstorming brief for mentions of:
23
23
  - Frontend starter templates (e.g., Create React App, Next.js, Vite, Vue CLI, Angular CLI, etc.)
24
24
  - UI kit or component library starters
25
25
  - Existing frontend projects being used as a foundation
26
26
  - Admin dashboard templates or other specialized starters
27
27
  - Design system implementations
28
-
28
+
29
29
  2. If a frontend starter template or existing project is mentioned:
30
30
  - Ask the user to provide access via one of these methods:
31
31
  - Link to the starter template documentation
@@ -41,7 +41,7 @@ sections:
41
41
  - Testing setup and patterns
42
42
  - Build and development scripts
43
43
  - Use this analysis to ensure your frontend architecture aligns with the starter's patterns
44
-
44
+
45
45
  3. If no frontend starter is mentioned but this is a new UI, ensure we know what the ui language and framework is:
46
46
  - Based on the framework choice, suggest appropriate starters:
47
47
  - React: Create React App, Next.js, Vite + React
@@ -49,11 +49,11 @@ sections:
49
49
  - Angular: Angular CLI
50
50
  - Or suggest popular UI templates if applicable
51
51
  - Explain benefits specific to frontend development
52
-
52
+
53
53
  4. If the user confirms no starter template will be used:
54
54
  - Note that all tooling, bundling, and configuration will need manual setup
55
55
  - Proceed with frontend architecture from scratch
56
-
56
+
57
57
  Document the starter template decision and any constraints it imposes before proceeding.
58
58
  sections:
59
59
  - id: changelog
@@ -75,12 +75,24 @@ sections:
75
75
  rows:
76
76
  - ["Framework", "{{framework}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
77
77
  - ["UI Library", "{{ui_library}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
78
- - ["State Management", "{{state_management}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
78
+ - [
79
+ "State Management",
80
+ "{{state_management}}",
81
+ "{{version}}",
82
+ "{{purpose}}",
83
+ "{{why_chosen}}",
84
+ ]
79
85
  - ["Routing", "{{routing_library}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
80
86
  - ["Build Tool", "{{build_tool}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
81
87
  - ["Styling", "{{styling_solution}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
82
88
  - ["Testing", "{{test_framework}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
83
- - ["Component Library", "{{component_lib}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
89
+ - [
90
+ "Component Library",
91
+ "{{component_lib}}",
92
+ "{{version}}",
93
+ "{{purpose}}",
94
+ "{{why_chosen}}",
95
+ ]
84
96
  - ["Form Handling", "{{form_library}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
85
97
  - ["Animation", "{{animation_lib}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
86
98
  - ["Dev Tools", "{{dev_tools}}", "{{version}}", "{{purpose}}", "{{why_chosen}}"]
@@ -203,4 +215,4 @@ sections:
203
215
  - Common commands (dev server, build, test)
204
216
  - Key import patterns
205
217
  - File naming conventions
206
- - Project-specific patterns and utilities
218
+ - Project-specific patterns and utilities
@@ -16,7 +16,7 @@ sections:
16
16
  title: Introduction
17
17
  instruction: |
18
18
  Review provided documents including Project Brief, PRD, and any user research to gather context. Focus on understanding user needs, pain points, and desired outcomes before beginning the specification.
19
-
19
+
20
20
  Establish the document's purpose and scope. Keep the content below but ensure project name is properly substituted.
21
21
  content: |
22
22
  This document defines the user experience goals, information architecture, user flows, and visual design specifications for {{project_name}}'s user interface. It serves as the foundation for visual design and frontend development, ensuring a cohesive and user-centered experience.
@@ -25,7 +25,7 @@ sections:
25
25
  title: Overall UX Goals & Principles
26
26
  instruction: |
27
27
  Work with the user to establish and document the following. If not already defined, facilitate a discussion to determine:
28
-
28
+
29
29
  1. Target User Personas - elicit details or confirm existing ones from PRD
30
30
  2. Key Usability Goals - understand what success looks like for users
31
31
  3. Core Design Principles - establish 3-5 guiding principles
@@ -66,7 +66,7 @@ sections:
66
66
  title: Information Architecture (IA)
67
67
  instruction: |
68
68
  Collaborate with the user to create a comprehensive information architecture:
69
-
69
+
70
70
  1. Build a Site Map or Screen Inventory showing all major areas
71
71
  2. Define the Navigation Structure (primary, secondary, breadcrumbs)
72
72
  3. Use Mermaid diagrams for visual representation
@@ -96,22 +96,22 @@ sections:
96
96
  title: Navigation Structure
97
97
  template: |
98
98
  **Primary Navigation:** {{primary_nav_description}}
99
-
99
+
100
100
  **Secondary Navigation:** {{secondary_nav_description}}
101
-
101
+
102
102
  **Breadcrumb Strategy:** {{breadcrumb_strategy}}
103
103
 
104
104
  - id: user-flows
105
105
  title: User Flows
106
106
  instruction: |
107
107
  For each critical user task identified in the PRD:
108
-
108
+
109
109
  1. Define the user's goal clearly
110
110
  2. Map out all steps including decision points
111
111
  3. Consider edge cases and error states
112
112
  4. Use Mermaid flow diagrams for clarity
113
113
  5. Link to external tools (Figma/Miro) if detailed flows exist there
114
-
114
+
115
115
  Create subsections for each major flow.
116
116
  elicit: true
117
117
  repeatable: true
@@ -120,9 +120,9 @@ sections:
120
120
  title: "{{flow_name}}"
121
121
  template: |
122
122
  **User Goal:** {{flow_goal}}
123
-
123
+
124
124
  **Entry Points:** {{entry_points}}
125
-
125
+
126
126
  **Success Criteria:** {{success_criteria}}
127
127
  sections:
128
128
  - id: flow-diagram
@@ -153,14 +153,14 @@ sections:
153
153
  title: "{{screen_name}}"
154
154
  template: |
155
155
  **Purpose:** {{screen_purpose}}
156
-
156
+
157
157
  **Key Elements:**
158
158
  - {{element_1}}
159
159
  - {{element_2}}
160
160
  - {{element_3}}
161
-
161
+
162
162
  **Interaction Notes:** {{interaction_notes}}
163
-
163
+
164
164
  **Design File Reference:** {{specific_frame_link}}
165
165
 
166
166
  - id: component-library
@@ -179,11 +179,11 @@ sections:
179
179
  title: "{{component_name}}"
180
180
  template: |
181
181
  **Purpose:** {{component_purpose}}
182
-
182
+
183
183
  **Variants:** {{component_variants}}
184
-
184
+
185
185
  **States:** {{component_states}}
186
-
186
+
187
187
  **Usage Guidelines:** {{usage_guidelines}}
188
188
 
189
189
  - id: branding-style
@@ -229,13 +229,13 @@ sections:
229
229
  title: Iconography
230
230
  template: |
231
231
  **Icon Library:** {{icon_library}}
232
-
232
+
233
233
  **Usage Guidelines:** {{icon_guidelines}}
234
234
  - id: spacing-layout
235
235
  title: Spacing & Layout
236
236
  template: |
237
237
  **Grid System:** {{grid_system}}
238
-
238
+
239
239
  **Spacing Scale:** {{spacing_scale}}
240
240
 
241
241
  - id: accessibility
@@ -253,12 +253,12 @@ sections:
253
253
  - Color contrast ratios: {{contrast_requirements}}
254
254
  - Focus indicators: {{focus_requirements}}
255
255
  - Text sizing: {{text_requirements}}
256
-
256
+
257
257
  **Interaction:**
258
258
  - Keyboard navigation: {{keyboard_requirements}}
259
259
  - Screen reader support: {{screen_reader_requirements}}
260
260
  - Touch targets: {{touch_requirements}}
261
-
261
+
262
262
  **Content:**
263
263
  - Alternative text: {{alt_text_requirements}}
264
264
  - Heading structure: {{heading_requirements}}
@@ -285,11 +285,11 @@ sections:
285
285
  title: Adaptation Patterns
286
286
  template: |
287
287
  **Layout Changes:** {{layout_adaptations}}
288
-
288
+
289
289
  **Navigation Changes:** {{nav_adaptations}}
290
-
290
+
291
291
  **Content Priority:** {{content_adaptations}}
292
-
292
+
293
293
  **Interaction Changes:** {{interaction_adaptations}}
294
294
 
295
295
  - id: animation
@@ -323,7 +323,7 @@ sections:
323
323
  title: Next Steps
324
324
  instruction: |
325
325
  After completing the UI/UX specification:
326
-
326
+
327
327
  1. Recommend review with stakeholders
328
328
  2. Suggest creating/updating visual designs in design tool
329
329
  3. Prepare for handoff to Design Architect for frontend architecture
@@ -346,4 +346,4 @@ sections:
346
346
 
347
347
  - id: checklist-results
348
348
  title: Checklist Results
349
- instruction: If a UI/UX checklist exists, run it against this document and report results here.
349
+ instruction: If a UI/UX checklist exists, run it against this document and report results here.