convoke-agents 2.0.0

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 (244) hide show
  1. package/CHANGELOG.md +920 -0
  2. package/INSTALLATION.md +230 -0
  3. package/LICENSE +21 -0
  4. package/README.md +330 -0
  5. package/UPDATE-GUIDE.md +220 -0
  6. package/_bmad/bme/_vortex/README.md +150 -0
  7. package/_bmad/bme/_vortex/agents/contextualization-expert.md +100 -0
  8. package/_bmad/bme/_vortex/agents/discovery-empathy-expert.md +117 -0
  9. package/_bmad/bme/_vortex/agents/hypothesis-engineer.md +117 -0
  10. package/_bmad/bme/_vortex/agents/lean-experiments-specialist.md +118 -0
  11. package/_bmad/bme/_vortex/agents/learning-decision-expert.md +117 -0
  12. package/_bmad/bme/_vortex/agents/production-intelligence-specialist.md +117 -0
  13. package/_bmad/bme/_vortex/agents/research-convergence-specialist.md +117 -0
  14. package/_bmad/bme/_vortex/compass-routing-reference.md +312 -0
  15. package/_bmad/bme/_vortex/config.yaml +46 -0
  16. package/_bmad/bme/_vortex/contracts/hc1-empathy-artifacts.md +152 -0
  17. package/_bmad/bme/_vortex/contracts/hc2-problem-definition.md +125 -0
  18. package/_bmad/bme/_vortex/contracts/hc3-hypothesis-contract.md +112 -0
  19. package/_bmad/bme/_vortex/contracts/hc4-experiment-context.md +140 -0
  20. package/_bmad/bme/_vortex/contracts/hc5-signal-report.md +130 -0
  21. package/_bmad/bme/_vortex/examples/hc2-example-problem-definition.md +85 -0
  22. package/_bmad/bme/_vortex/examples/hc3-example-hypothesis-contract.md +103 -0
  23. package/_bmad/bme/_vortex/examples/hc5-example-signal-report.md +76 -0
  24. package/_bmad/bme/_vortex/guides/EMMA-USER-GUIDE.md +232 -0
  25. package/_bmad/bme/_vortex/guides/ISLA-USER-GUIDE.md +208 -0
  26. package/_bmad/bme/_vortex/guides/LIAM-USER-GUIDE.md +255 -0
  27. package/_bmad/bme/_vortex/guides/MAX-USER-GUIDE.md +213 -0
  28. package/_bmad/bme/_vortex/guides/MILA-USER-GUIDE.md +235 -0
  29. package/_bmad/bme/_vortex/guides/NOAH-USER-GUIDE.md +258 -0
  30. package/_bmad/bme/_vortex/guides/WADE-USER-GUIDE.md +245 -0
  31. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/empathy-map.template.md +143 -0
  32. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-01-define-user.md +60 -0
  33. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-02-says-thinks.md +67 -0
  34. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-03-does-feels.md +79 -0
  35. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-04-pain-points.md +87 -0
  36. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-05-gains.md +103 -0
  37. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-06-synthesize.md +104 -0
  38. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/validate.md +117 -0
  39. package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/workflow.md +44 -0
  40. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-01-define-requirements.md +85 -0
  41. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-02-user-flows.md +59 -0
  42. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-03-information-architecture.md +68 -0
  43. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-04-wireframe-sketch.md +97 -0
  44. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-05-components.md +128 -0
  45. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-06-synthesize.md +83 -0
  46. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/wireframe.template.md +287 -0
  47. package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/workflow.md +44 -0
  48. package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-01-setup.md +66 -0
  49. package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-02-context.md +93 -0
  50. package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-03-risk-mapping.md +103 -0
  51. package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-04-synthesize.md +101 -0
  52. package/_bmad/bme/_vortex/workflows/assumption-mapping/workflow.md +49 -0
  53. package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-01-setup.md +81 -0
  54. package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-02-context.md +67 -0
  55. package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-03-classification.md +98 -0
  56. package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-04-evidence.md +100 -0
  57. package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-05-synthesize.md +174 -0
  58. package/_bmad/bme/_vortex/workflows/behavior-analysis/workflow.md +52 -0
  59. package/_bmad/bme/_vortex/workflows/contextualize-scope/contextualize-scope.template.md +67 -0
  60. package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-01-list-opportunities.md +47 -0
  61. package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-02-define-criteria.md +36 -0
  62. package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-03-evaluate-opportunities.md +30 -0
  63. package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-04-define-boundaries.md +32 -0
  64. package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-05-validate-fit.md +28 -0
  65. package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-06-synthesize.md +36 -0
  66. package/_bmad/bme/_vortex/workflows/contextualize-scope/validate.md +30 -0
  67. package/_bmad/bme/_vortex/workflows/contextualize-scope/workflow.md +59 -0
  68. package/_bmad/bme/_vortex/workflows/empathy-map/empathy-map.template.md +143 -0
  69. package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-01-define-user.md +60 -0
  70. package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-02-says-thinks.md +67 -0
  71. package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-03-does-feels.md +79 -0
  72. package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-04-pain-points.md +87 -0
  73. package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-05-gains.md +103 -0
  74. package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-06-synthesize.md +107 -0
  75. package/_bmad/bme/_vortex/workflows/empathy-map/validate.md +117 -0
  76. package/_bmad/bme/_vortex/workflows/empathy-map/workflow.md +45 -0
  77. package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-01-setup.md +66 -0
  78. package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-02-context.md +77 -0
  79. package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-03-design.md +114 -0
  80. package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-04-synthesize.md +128 -0
  81. package/_bmad/bme/_vortex/workflows/experiment-design/workflow.md +51 -0
  82. package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-01-setup.md +66 -0
  83. package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-02-context.md +80 -0
  84. package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-03-brainwriting.md +79 -0
  85. package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-04-assumption-mapping.md +102 -0
  86. package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-05-synthesize.md +130 -0
  87. package/_bmad/bme/_vortex/workflows/hypothesis-engineering/workflow.md +52 -0
  88. package/_bmad/bme/_vortex/workflows/lean-experiment/lean-experiment.template.md +29 -0
  89. package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-01-hypothesis.md +58 -0
  90. package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-02-design.md +68 -0
  91. package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-03-metrics.md +73 -0
  92. package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-04-run.md +75 -0
  93. package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-05-analyze.md +84 -0
  94. package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-06-decide.md +111 -0
  95. package/_bmad/bme/_vortex/workflows/lean-experiment/validate.md +30 -0
  96. package/_bmad/bme/_vortex/workflows/lean-experiment/workflow.md +26 -0
  97. package/_bmad/bme/_vortex/workflows/lean-persona/lean-persona.template.md +163 -0
  98. package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-01-define-job.md +72 -0
  99. package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-02-current-solution.md +83 -0
  100. package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-03-problem-contexts.md +90 -0
  101. package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-04-forces-anxieties.md +98 -0
  102. package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-05-success-criteria.md +103 -0
  103. package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-06-synthesize.md +129 -0
  104. package/_bmad/bme/_vortex/workflows/lean-persona/validate.md +30 -0
  105. package/_bmad/bme/_vortex/workflows/lean-persona/workflow.md +50 -0
  106. package/_bmad/bme/_vortex/workflows/learning-card/learning-card.template.md +179 -0
  107. package/_bmad/bme/_vortex/workflows/learning-card/steps/step-01-experiment-context.md +100 -0
  108. package/_bmad/bme/_vortex/workflows/learning-card/steps/step-02-raw-results.md +125 -0
  109. package/_bmad/bme/_vortex/workflows/learning-card/steps/step-03-analysis.md +125 -0
  110. package/_bmad/bme/_vortex/workflows/learning-card/steps/step-04-validated-learning.md +139 -0
  111. package/_bmad/bme/_vortex/workflows/learning-card/steps/step-05-implications.md +134 -0
  112. package/_bmad/bme/_vortex/workflows/learning-card/steps/step-06-synthesize.md +121 -0
  113. package/_bmad/bme/_vortex/workflows/learning-card/validate.md +134 -0
  114. package/_bmad/bme/_vortex/workflows/learning-card/workflow.md +51 -0
  115. package/_bmad/bme/_vortex/workflows/mvp/mvp.template.md +40 -0
  116. package/_bmad/bme/_vortex/workflows/mvp/steps/step-01-riskiest-assumption.md +17 -0
  117. package/_bmad/bme/_vortex/workflows/mvp/steps/step-02-success-criteria.md +13 -0
  118. package/_bmad/bme/_vortex/workflows/mvp/steps/step-03-smallest-test.md +13 -0
  119. package/_bmad/bme/_vortex/workflows/mvp/steps/step-04-scope-features.md +13 -0
  120. package/_bmad/bme/_vortex/workflows/mvp/steps/step-05-build-measure-learn.md +13 -0
  121. package/_bmad/bme/_vortex/workflows/mvp/steps/step-06-synthesize.md +28 -0
  122. package/_bmad/bme/_vortex/workflows/mvp/validate.md +30 -0
  123. package/_bmad/bme/_vortex/workflows/mvp/workflow.md +36 -0
  124. package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-01-setup.md +102 -0
  125. package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-02-context.md +81 -0
  126. package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-03-pattern-identification.md +88 -0
  127. package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-04-theme-clustering.md +100 -0
  128. package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-05-synthesize.md +135 -0
  129. package/_bmad/bme/_vortex/workflows/pattern-mapping/workflow.md +58 -0
  130. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/pivot-patch-persevere.template.md +201 -0
  131. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-01-evidence-review.md +125 -0
  132. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-02-hypothesis-assessment.md +132 -0
  133. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-03-option-analysis.md +167 -0
  134. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-04-stakeholder-input.md +141 -0
  135. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-05-decision.md +161 -0
  136. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-06-action-plan.md +188 -0
  137. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/validate.md +159 -0
  138. package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/workflow.md +51 -0
  139. package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-01-setup.md +97 -0
  140. package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-02-context.md +86 -0
  141. package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-03-jtbd-reframing.md +88 -0
  142. package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-04-pains-gains-revision.md +76 -0
  143. package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-05-synthesize.md +158 -0
  144. package/_bmad/bme/_vortex/workflows/pivot-resynthesis/workflow.md +52 -0
  145. package/_bmad/bme/_vortex/workflows/product-vision/product-vision.template.md +147 -0
  146. package/_bmad/bme/_vortex/workflows/product-vision/steps/step-01-define-problem.md +89 -0
  147. package/_bmad/bme/_vortex/workflows/product-vision/steps/step-02-target-market.md +91 -0
  148. package/_bmad/bme/_vortex/workflows/product-vision/steps/step-03-unique-approach.md +87 -0
  149. package/_bmad/bme/_vortex/workflows/product-vision/steps/step-04-future-state.md +100 -0
  150. package/_bmad/bme/_vortex/workflows/product-vision/steps/step-05-principles.md +92 -0
  151. package/_bmad/bme/_vortex/workflows/product-vision/steps/step-06-synthesize.md +170 -0
  152. package/_bmad/bme/_vortex/workflows/product-vision/validate.md +30 -0
  153. package/_bmad/bme/_vortex/workflows/product-vision/workflow.md +55 -0
  154. package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-01-setup.md +84 -0
  155. package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-02-context.md +66 -0
  156. package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-03-monitoring.md +74 -0
  157. package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-04-prioritization.md +97 -0
  158. package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-05-synthesize.md +183 -0
  159. package/_bmad/bme/_vortex/workflows/production-monitoring/workflow.md +52 -0
  160. package/_bmad/bme/_vortex/workflows/proof-of-concept/proof-of-concept.template.md +25 -0
  161. package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-01-risk.md +79 -0
  162. package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-02-scope.md +105 -0
  163. package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-03-build.md +92 -0
  164. package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-04-test.md +103 -0
  165. package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-05-evaluate.md +114 -0
  166. package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-06-document.md +125 -0
  167. package/_bmad/bme/_vortex/workflows/proof-of-concept/validate.md +30 -0
  168. package/_bmad/bme/_vortex/workflows/proof-of-concept/workflow.md +26 -0
  169. package/_bmad/bme/_vortex/workflows/proof-of-value/proof-of-value.template.md +29 -0
  170. package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-01-value-hypothesis.md +75 -0
  171. package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-02-validation-design.md +94 -0
  172. package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-03-willingness.md +96 -0
  173. package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-04-test.md +107 -0
  174. package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-05-analyze.md +116 -0
  175. package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-06-document.md +147 -0
  176. package/_bmad/bme/_vortex/workflows/proof-of-value/validate.md +30 -0
  177. package/_bmad/bme/_vortex/workflows/proof-of-value/workflow.md +26 -0
  178. package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-01-setup.md +69 -0
  179. package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-02-context.md +70 -0
  180. package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-03-jtbd-framing.md +81 -0
  181. package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-04-pains-gains.md +77 -0
  182. package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-05-synthesize.md +147 -0
  183. package/_bmad/bme/_vortex/workflows/research-convergence/workflow.md +50 -0
  184. package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-01-setup.md +68 -0
  185. package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-02-context.md +67 -0
  186. package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-03-signal-analysis.md +85 -0
  187. package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-04-anomaly-detection.md +93 -0
  188. package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-05-synthesize.md +163 -0
  189. package/_bmad/bme/_vortex/workflows/signal-interpretation/workflow.md +52 -0
  190. package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-01-discovery-scope.md +77 -0
  191. package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-02-research-methods.md +152 -0
  192. package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-03-research-plan.md +159 -0
  193. package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-04-execute.md +169 -0
  194. package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-05-organize-data.md +149 -0
  195. package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-06-synthesize.md +159 -0
  196. package/_bmad/bme/_vortex/workflows/user-discovery/user-discovery.template.md +231 -0
  197. package/_bmad/bme/_vortex/workflows/user-discovery/validate.md +153 -0
  198. package/_bmad/bme/_vortex/workflows/user-discovery/workflow.md +45 -0
  199. package/_bmad/bme/_vortex/workflows/user-interview/steps/step-01-research-goals.md +100 -0
  200. package/_bmad/bme/_vortex/workflows/user-interview/steps/step-02-interview-script.md +123 -0
  201. package/_bmad/bme/_vortex/workflows/user-interview/steps/step-03-recruitment.md +144 -0
  202. package/_bmad/bme/_vortex/workflows/user-interview/steps/step-04-conduct.md +154 -0
  203. package/_bmad/bme/_vortex/workflows/user-interview/steps/step-05-findings.md +163 -0
  204. package/_bmad/bme/_vortex/workflows/user-interview/steps/step-06-synthesize.md +171 -0
  205. package/_bmad/bme/_vortex/workflows/user-interview/user-interview.template.md +250 -0
  206. package/_bmad/bme/_vortex/workflows/user-interview/validate.md +142 -0
  207. package/_bmad/bme/_vortex/workflows/user-interview/workflow.md +51 -0
  208. package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-01-current-state.md +56 -0
  209. package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-02-evidence-inventory.md +70 -0
  210. package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-03-gap-analysis.md +76 -0
  211. package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-04-stream-evaluation.md +57 -0
  212. package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-05-recommendation.md +65 -0
  213. package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-06-navigation-plan.md +72 -0
  214. package/_bmad/bme/_vortex/workflows/vortex-navigation/validate.md +75 -0
  215. package/_bmad/bme/_vortex/workflows/vortex-navigation/vortex-navigation.template.md +105 -0
  216. package/_bmad/bme/_vortex/workflows/vortex-navigation/workflow.md +54 -0
  217. package/index.js +56 -0
  218. package/package.json +77 -0
  219. package/scripts/README.md +226 -0
  220. package/scripts/convoke-doctor.js +322 -0
  221. package/scripts/docs-audit.js +584 -0
  222. package/scripts/install-all-agents.js +9 -0
  223. package/scripts/install-vortex-agents.js +208 -0
  224. package/scripts/postinstall.js +104 -0
  225. package/scripts/update/convoke-migrate.js +169 -0
  226. package/scripts/update/convoke-update.js +272 -0
  227. package/scripts/update/convoke-version.js +134 -0
  228. package/scripts/update/lib/agent-registry.js +144 -0
  229. package/scripts/update/lib/backup-manager.js +243 -0
  230. package/scripts/update/lib/config-merger.js +242 -0
  231. package/scripts/update/lib/migration-runner.js +367 -0
  232. package/scripts/update/lib/refresh-installation.js +171 -0
  233. package/scripts/update/lib/utils.js +96 -0
  234. package/scripts/update/lib/validator.js +360 -0
  235. package/scripts/update/lib/version-detector.js +241 -0
  236. package/scripts/update/migrations/1.0.x-to-1.3.0.js +128 -0
  237. package/scripts/update/migrations/1.1.x-to-1.3.0.js +29 -0
  238. package/scripts/update/migrations/1.2.x-to-1.3.0.js +29 -0
  239. package/scripts/update/migrations/1.3.x-to-1.5.0.js +29 -0
  240. package/scripts/update/migrations/1.4.x-to-1.5.0.js +29 -0
  241. package/scripts/update/migrations/1.5.x-to-1.6.0.js +95 -0
  242. package/scripts/update/migrations/1.6.x-to-1.7.0.js +29 -0
  243. package/scripts/update/migrations/1.7.x-to-2.0.0.js +31 -0
  244. package/scripts/update/migrations/registry.js +194 -0
@@ -0,0 +1,103 @@
1
+ ---
2
+ step: 5
3
+ workflow: empathy-map
4
+ title: Gains
5
+ ---
6
+
7
+ # Step 5: Gains
8
+
9
+ Let's identify what your target user **wants to achieve** - their desired outcomes, needs, and measures of success.
10
+
11
+ ## Why This Matters
12
+
13
+ Pain points show us problems. Gains show us aspirations. Together they give us a complete picture:
14
+ - Pain points β†’ What to fix
15
+ - Gains β†’ What to enable
16
+
17
+ Understanding gains helps us:
18
+ - Design solutions that deliver meaningful value
19
+ - Prioritize features based on desired outcomes
20
+ - Measure success from the user's perspective
21
+
22
+ ## Types of Gains
23
+
24
+ **Functional Gains** - Tasks completed faster, processes simplified, efficiency improved
25
+
26
+ **Emotional Gains** - Reduced stress, increased confidence, peace of mind
27
+
28
+ **Social Gains** - Better collaboration, improved reputation, team alignment
29
+
30
+ **Aspirational Gains** - Career advancement, skill development, professional growth
31
+
32
+ ## Your Task
33
+
34
+ ### Identify 4-6 Gains
35
+
36
+ For each gain, capture:
37
+ 1. **The Gain** - What do they want to achieve?
38
+ 2. **The Value** - Why does this matter to them?
39
+ 3. **Success Metric** - How would they know they achieved it?
40
+
41
+ **Example:**
42
+
43
+ **Gain #1: See All Campaign Performance in One Dashboard**
44
+ - **Value:** Stop wasting time switching tools; make faster data-driven decisions
45
+ - **Success Metric:** Can check all campaign metrics in under 2 minutes vs. current 15 minutes
46
+
47
+ **Gain #2: Automated Lead Scoring**
48
+ - **Value:** Send higher-quality leads to sales, improving marketing-sales relationship and conversion rates
49
+ - **Success Metric:** Sales team accepts 80%+ of marketing-qualified leads vs. current 45%
50
+
51
+ **Gain #3: Predict Campaign Performance Early**
52
+ - **Value:** Optimize underperforming campaigns before budget is wasted; increase ROI
53
+ - **Success Metric:** Adjust campaigns within first 48 hours based on performance signals
54
+
55
+ **Gain #4: Collaborative Campaign Planning**
56
+ - **Value:** Get team alignment before launch instead of fixing issues after launch
57
+ - **Success Metric:** Team approves campaign plan in 1 meeting vs. current 3-4 rounds of revisions
58
+
59
+ ## Tips for Success
60
+
61
+ **Link to Pain Points:**
62
+ - Gains often flip pain points into aspirations
63
+ - Pain: "Data scattered across 6 tools" β†’ Gain: "See everything in one dashboard"
64
+
65
+ **Be Outcome-Focused:**
66
+ - Not "Use our tool" but "Complete campaigns 30% faster"
67
+ - Not "Have more features" but "Reduce manual work by 50%"
68
+
69
+ **Include Metrics:**
70
+ - Time saved
71
+ - Quality improved
72
+ - Confidence increased
73
+ - Collaboration enhanced
74
+
75
+ **Distinguish Must-Haves from Nice-to-Haves:**
76
+ - Which gains are critical for user success?
77
+ - Which gains are differentiators vs. table stakes?
78
+
79
+ ## Connecting Gains to Pain Points
80
+
81
+ Notice how gains address pain points:
82
+
83
+ | Pain Point | Desired Gain |
84
+ |------------|--------------|
85
+ | Data scattered across 6 tools | Unified dashboard with all metrics |
86
+ | Can't see real-time performance | Live campaign analytics with alerts |
87
+ | Manual lead scoring | Automated lead qualification |
88
+ | Time-consuming report generation | One-click reports with key insights |
89
+
90
+ ---
91
+
92
+ ## Your Turn
93
+
94
+ Please identify 4-6 gains your target user desires. For each gain, include:
95
+ 1. What they want to achieve
96
+ 2. Why it matters (the value)
97
+ 3. How they'd measure success
98
+
99
+ ## Next Step
100
+
101
+ When you've documented the desired gains, I'll load:
102
+
103
+ {project-root}/_bmad/bme/_designos/workflows/empathy-map/steps/step-06-synthesize.md
@@ -0,0 +1,104 @@
1
+ ---
2
+ step: 6
3
+ workflow: empathy-map
4
+ title: Synthesize
5
+ ---
6
+
7
+ # Step 6: Synthesize
8
+
9
+ Time to bring it all together and create the final empathy map artifact.
10
+
11
+ ## Why This Matters
12
+
13
+ We've gathered rich insights across 5 dimensions (Says, Thinks, Does, Feels, Pains, Gains). Now we need to synthesize them into a coherent, actionable empathy map that:
14
+ - Tells a compelling story about the user
15
+ - Reveals patterns and insights
16
+ - Guides design and product decisions
17
+
18
+ ## Your Task
19
+
20
+ ### 1. Review All Insights
21
+
22
+ Look across all the data you've captured:
23
+ - Target user definition (Step 1)
24
+ - Says & Thinks (Step 2)
25
+ - Does & Feels (Step 3)
26
+ - Pain Points (Step 4)
27
+ - Gains (Step 5)
28
+
29
+ ### 2. Identify Key Insights
30
+
31
+ What patterns emerge? What surprises you? What's most important?
32
+
33
+ **Example Insights:**
34
+ - "Sarah says she wants more features, but really needs simplification - her current process involves 6 tools"
35
+ - "Biggest pain isn't the tool itself, it's the data silos preventing real-time decisions"
36
+ - "Anxiety about missing notifications drives obsessive email checking - automation would reduce stress"
37
+
38
+ ### 3. Create the Empathy Map
39
+
40
+ I'll use the template at `empathy-map.template.md` to generate your final artifact.
41
+
42
+ **Output File:** `{output_folder}/empathy-map-{user-name}-{date}.md`
43
+
44
+ ### 4. Validation Questions
45
+
46
+ Before we finalize, let's validate:
47
+
48
+ **Evidence Check:**
49
+ - [ ] Is every insight backed by research (quotes, observations, data)?
50
+ - [ ] Did we avoid speculation and assumptions?
51
+ - [ ] Can we trace each insight back to a specific source?
52
+
53
+ **Specificity Check:**
54
+ - [ ] Is the target user definition specific enough?
55
+ - [ ] Are pain points concrete and actionable?
56
+ - [ ] Are gains measurable?
57
+
58
+ **Actionability Check:**
59
+ - [ ] Can designers use this to inform wireframes?
60
+ - [ ] Can product managers use this to prioritize features?
61
+ - [ ] Can developers use this to understand user context?
62
+
63
+ **Completeness Check:**
64
+ - [ ] Did we capture both positive and negative aspects?
65
+ - [ ] Did we explore emotions, not just behaviors?
66
+ - [ ] Did we understand the WHY, not just the WHAT?
67
+
68
+ ---
69
+
70
+ ## Your Turn
71
+
72
+ Please review all your insights and identify 3-5 key patterns or surprises that emerged.
73
+
74
+ Then confirm you're ready for me to generate the final empathy map artifact.
75
+
76
+ ## Output
77
+
78
+ Once you confirm, I'll create:
79
+
80
+ **File:** `{output_folder}/empathy-map-{user-name}-{date}.md`
81
+
82
+ **Contents:**
83
+ - Executive Summary (key insights)
84
+ - Target User Profile
85
+ - Says & Thinks
86
+ - Does & Feels
87
+ - Pain Points (prioritized)
88
+ - Desired Gains (prioritized)
89
+ - Design Implications
90
+ - Research Sources
91
+
92
+ ---
93
+
94
+ ## What's Next?
95
+
96
+ After creating this empathy map, you might:
97
+
98
+ 1. **Validate with users** - Show the empathy map to actual users and ask if it resonates
99
+ 2. **Share with team** - Get stakeholder alignment on user needs
100
+ 3. **Create wireframes** - Use insights to inform design decisions (invoke Wade!)
101
+ 4. **Prioritize features** - Focus on gains that address the biggest pain points
102
+ 5. **Define success metrics** - Use gain metrics to track if solutions work
103
+
104
+ Great work! This empathy map will be a valuable tool for user-centered decision making. 🎨
@@ -0,0 +1,117 @@
1
+ ---
2
+ workflow: validate-empathy-map
3
+ type: single-file
4
+ description: Validate an existing empathy map against user research evidence
5
+ author: Emma (contextualization-expert)
6
+ ---
7
+
8
+ # Validate Existing Empathy Map
9
+
10
+ Bring me an empathy map and I'll help you validate it against user research evidence.
11
+
12
+ ## Why Validation Matters
13
+
14
+ Empathy maps lose value if they're based on assumptions instead of research. Validation ensures:
15
+ - Every insight traces back to evidence
16
+ - No speculation or "we think users want..."
17
+ - Team stays grounded in user reality
18
+
19
+ ## Validation Process
20
+
21
+ ### 1. Evidence Check
22
+
23
+ For each insight in the empathy map, ask:
24
+
25
+ **Can you point to research that supports this?**
26
+ - Direct quote from interview?
27
+ - Observed behavior?
28
+ - Survey data?
29
+ - Analytics?
30
+
31
+ **Red Flags:**
32
+ - "We think users want..."
33
+ - "Users probably feel..."
34
+ - "Based on our internal discussions..."
35
+ - No citation to research source
36
+
37
+ ### 2. Specificity Check
38
+
39
+ **Is the target user specific enough?**
40
+ - ❌ "Mobile users"
41
+ - ❌ "Marketing professionals"
42
+ - βœ… "Marketing managers at mid-sized B2B companies managing lead generation"
43
+
44
+ **Are pain points concrete?**
45
+ - ❌ "Bad UX"
46
+ - βœ… "Campaign creation button hidden in nested menu (3 clicks deep)"
47
+
48
+ **Are gains measurable?**
49
+ - ❌ "Want to be more efficient"
50
+ - βœ… "Complete campaign setup in under 10 minutes vs. current 45 minutes"
51
+
52
+ ### 3. Completeness Check
53
+
54
+ **Did you explore all dimensions?**
55
+ - [ ] Says (direct quotes)
56
+ - [ ] Thinks (inferred thoughts)
57
+ - [ ] Does (observable actions)
58
+ - [ ] Feels (emotional states)
59
+ - [ ] Pains (obstacles/frustrations)
60
+ - [ ] Gains (desired outcomes)
61
+
62
+ **Did you capture both positive and negative?**
63
+ - Not just problems (pain points)
64
+ - Also aspirations (gains)
65
+ - Moments of delight AND frustration
66
+
67
+ ### 4. Actionability Check
68
+
69
+ **Can designers use this?**
70
+ - Are pain points specific enough to inform design decisions?
71
+ - Are gains clear enough to prioritize features?
72
+
73
+ **Can product managers use this?**
74
+ - Can they defend feature decisions with user insights?
75
+ - Can they communicate user needs to stakeholders?
76
+
77
+ ---
78
+
79
+ ## Your Turn
80
+
81
+ **Please share:**
82
+ 1. The empathy map you want to validate (paste content or provide file path)
83
+ 2. The research sources that informed it
84
+
85
+ I'll review it and provide:
86
+ - **Evidence gaps** - Insights lacking research support
87
+ - **Specificity issues** - Vague statements that need clarification
88
+ - **Missing dimensions** - Areas you didn't explore
89
+ - **Validation score** - Overall assessment (Strong / Needs Work / Speculative)
90
+
91
+ ---
92
+
93
+ ## Validation Criteria
94
+
95
+ **Strong Empathy Map:**
96
+ - βœ… Every insight backed by cited research
97
+ - βœ… Specific target user definition
98
+ - βœ… Concrete, measurable pain points and gains
99
+ - βœ… All 6 dimensions explored (Says, Thinks, Does, Feels, Pains, Gains)
100
+ - βœ… Both positive and negative aspects captured
101
+ - βœ… Actionable for designers and product managers
102
+
103
+ **Needs Work:**
104
+ - ⚠️ Some insights lack research support
105
+ - ⚠️ Target user could be more specific
106
+ - ⚠️ Pain points or gains are vague
107
+ - ⚠️ Missing some dimensions
108
+
109
+ **Speculative:**
110
+ - ❌ Many insights are assumptions
111
+ - ❌ No clear research sources
112
+ - ❌ "We think" instead of "Users said"
113
+ - ❌ Not actionable
114
+
115
+ ---
116
+
117
+ Ready to validate your empathy map? Share it with me and I'll provide detailed feedback! 🎨
@@ -0,0 +1,44 @@
1
+ ---
2
+ workflow: empathy-map
3
+ type: step-file
4
+ description: Create user empathy maps through structured 6-step process
5
+ author: Emma (contextualization-expert)
6
+ ---
7
+
8
+ # Create Empathy Map Workflow
9
+
10
+ This workflow guides you through creating a comprehensive empathy map for a target user.
11
+
12
+ ## What is an Empathy Map?
13
+
14
+ An empathy map is a collaborative visualization used to articulate what we know about a particular type of user. It externalizes knowledge about users to create a shared understanding and aid decision-making.
15
+
16
+ ## Workflow Structure
17
+
18
+ **Step-file architecture:**
19
+ - Just-in-time loading (each step loads only when needed)
20
+ - Sequential enforcement (must complete step N before step N+1)
21
+ - State tracking in frontmatter (progress preserved)
22
+
23
+ ## Steps Overview
24
+
25
+ 1. **Define Target User** - Who are we creating this empathy map for?
26
+ 2. **Says & Thinks** - What do they say aloud? What do they think?
27
+ 3. **Does & Feels** - What actions do they take? What emotions do they feel?
28
+ 4. **Pain Points** - What frustrates, blocks, or challenges them?
29
+ 5. **Gains** - What do they want to achieve? What are their needs?
30
+ 6. **Synthesize** - Create the final empathy map artifact
31
+
32
+ ## Output
33
+
34
+ **Artifact:** Empathy map markdown file in `{output_folder}/empathy-map-{user-name}-{date}.md`
35
+
36
+ **Template:** Uses [empathy-map.template.md](empathy-map.template.md)
37
+
38
+ ---
39
+
40
+ ## INITIALIZATION
41
+
42
+ Load config from {project-root}/_bmad/bme/_designos/config.yaml
43
+
44
+ Load step: {project-root}/_bmad/bme/_designos/workflows/empathy-map/steps/step-01-define-user.md
@@ -0,0 +1,85 @@
1
+ ---
2
+ step: 1
3
+ workflow: wireframe
4
+ title: Define Requirements
5
+ ---
6
+
7
+ # Step 1: Define Requirements
8
+
9
+ Before we create a wireframe, we need to understand exactly what we're building and why.
10
+
11
+ ## Why This Matters
12
+
13
+ A wireframe is only useful if it solves a real problem. Generic wireframes waste time. Specific wireframes (for a specific screen, user, and goal) accelerate design and development.
14
+
15
+ ## Your Task
16
+
17
+ Answer these questions to define your wireframe requirements:
18
+
19
+ ### 1. What are we wireframing?
20
+
21
+ - **Scope:** Single screen? User flow (multiple screens)? Full app?
22
+ - **Screen name:** What do you call this screen? (e.g., "Dashboard Home", "Checkout Flow", "Product Detail Page")
23
+ - **Platform:** Web (desktop)? Web (mobile)? Mobile app (iOS/Android)?
24
+ - **Viewport size:**
25
+ - Mobile: 375px width (iPhone standard)
26
+ - Tablet: 768px width
27
+ - Desktop: 1024px+ width
28
+ - Responsive: All of the above?
29
+
30
+ ### 2. Who is this for?
31
+
32
+ - **Target user:** Who will use this screen? (Reference an empathy map if available, e.g., "Sarah Chen from empathy-map-sarah-chen-2026-02-14.md")
33
+ - **User's primary goal:** What is the ONE thing users come here to do?
34
+ - **User's technical proficiency:** Tech-savvy? Average? Non-technical?
35
+ - **User context:** Are they rushed? Exploring? Completing a specific task?
36
+
37
+ ### 3. What's the core functionality?
38
+
39
+ - **Primary action:** The MAIN thing users do on this screen (e.g., "Check account balance")
40
+ - **Secondary actions:** Supporting tasks (e.g., "View recent transactions", "Transfer money")
41
+ - **Information displayed:** What data does the screen show? (e.g., "Balance, last 5 transactions, quick action buttons")
42
+ - **Data sources:** Where does the information come from? (APIs, databases, user input)
43
+
44
+ ### 4. Design constraints?
45
+
46
+ - **Existing design system?** Are you using Material Design, iOS Human Interface Guidelines, custom component library?
47
+ - **Brand guidelines?** Any must-have elements (logo placement, color scheme - high level only)
48
+ - **Technical constraints?** Third-party integrations, API limitations, performance requirements?
49
+ - **Accessibility requirements?** WCAG 2.1 Level AA compliance? Screen reader support?
50
+
51
+ ## Example
52
+
53
+ ```
54
+ Screen: Dashboard Home (Mobile Banking App)
55
+ Platform: Mobile app (iOS/Android)
56
+ Viewport: 375px width (mobile-first)
57
+
58
+ User: Sarah Chen (see empathy-map-sarah-chen-2026-02-14.md)
59
+ Primary Goal: Check account balance quickly
60
+ Technical Proficiency: Medium-high
61
+ Context: Rushed, 3-5 daily check-ins, sessions < 2 minutes
62
+
63
+ Primary Action: Check account balance
64
+ Secondary Actions: View recent transactions, quick transfer, pay bills
65
+ Information: Balance, last updated timestamp, 5 recent transactions, quick action buttons
66
+ Data Sources: Banking API (balance, transactions)
67
+
68
+ Constraints:
69
+ - Must support Face ID for authentication
70
+ - Follow iOS/Android platform patterns
71
+ - WCAG 2.1 Level AA (minimum 44px touch targets)
72
+ - Performance: Load balance in < 1 second
73
+ ```
74
+
75
+ ---
76
+
77
+ ## Your Turn
78
+
79
+ Please define your wireframe requirements using the structure above.
80
+
81
+ ## Next Step
82
+
83
+ When you've defined your requirements and I've confirmed they're specific enough, I'll load:
84
+
85
+ {project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-02-user-flows.md
@@ -0,0 +1,59 @@
1
+ ---
2
+ step: 2
3
+ workflow: wireframe
4
+ title: User Flows
5
+ ---
6
+
7
+ # Step 2: User Flows
8
+
9
+ Let's map how users navigate through your wireframe(s).
10
+
11
+ ## Why This Matters
12
+
13
+ Understanding user flows prevents designing dead-end screens or confusing navigation. Every screen needs clear entry points and exit points.
14
+
15
+ ## Your Task
16
+
17
+ ### 1. Entry Points
18
+ How do users arrive at this screen?
19
+ - From home screen? From search? From notification?
20
+ - Deep link? QR code? Email link?
21
+ - What's their mental state? (rushing, exploring, completing task)
22
+
23
+ ### 2. Primary Flow (Happy Path)
24
+ Map the ideal journey from entry to goal completion:
25
+
26
+ ```
27
+ Entry β†’ Action β†’ Response β†’ Goal Achieved
28
+ ```
29
+
30
+ Example:
31
+ ```
32
+ Home Screen
33
+ ↓ (Tap "Balance")
34
+ Face ID Authentication
35
+ ↓ (Success)
36
+ Balance Display
37
+ ↓ (Goal: See balance)
38
+ [Done] or Continue to Secondary Action
39
+ ```
40
+
41
+ ### 3. Alternative Flows
42
+ What if...?
43
+ - User makes an error?
44
+ - Data is unavailable?
45
+ - Authentication fails?
46
+ - User wants to go back?
47
+ - User abandons the flow?
48
+
49
+ ### 4. Exit Points
50
+ How do users leave?
51
+ - Goal completed β†’ where next?
52
+ - Task abandoned β†’ how to recover?
53
+ - Navigation to related features?
54
+
55
+ ## Next Step
56
+
57
+ When you've mapped user flows, I'll load:
58
+
59
+ {project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-03-information-architecture.md
@@ -0,0 +1,68 @@
1
+ ---
2
+ step: 3
3
+ workflow: wireframe
4
+ title: Information Architecture
5
+ ---
6
+
7
+ # Step 3: Information Architecture
8
+
9
+ Let's organize content and UI elements hierarchically.
10
+
11
+ ## Your Task
12
+
13
+ ### 1. Content Priority (Visual Hierarchy)
14
+ What's most important on this screen?
15
+
16
+ **Primary (above the fold, largest/boldest):**
17
+ - The ONE thing users came here to see/do
18
+
19
+ **Secondary (mid-screen, medium emphasis):**
20
+ - Supporting information and actions
21
+
22
+ **Tertiary (below fold or subtle):**
23
+ - Metadata, help text, less critical features
24
+
25
+ ### 2. Grouping
26
+ How to organize related elements?
27
+
28
+ - **Visual grouping:** Cards? Sections? Accordions?
29
+ - **Logical grouping:** By task? By time? By category?
30
+ - **Separation:** Spacing? Dividers? Background colors?
31
+
32
+ ### 3. Navigation
33
+ How do users move around?
34
+
35
+ - **Primary nav:** Top bar? Bottom tabs? Sidebar? Hamburger menu?
36
+ - **Secondary nav:** Breadcrumbs? Tabs? Segmented controls?
37
+ - **Back/Close:** Where do these buttons go?
38
+
39
+ ### 4. Information Density
40
+ How much is too much?
41
+
42
+ - **Progressive disclosure:** Show essentials, hide details until needed
43
+ - **Lazy loading:** Load more on scroll?
44
+ - **Pagination vs. infinite scroll**
45
+
46
+ ## Example
47
+
48
+ ```
49
+ Dashboard Screen (Mobile - 375px)
50
+
51
+ [Visual Hierarchy]
52
+ Primary: Account balance ($$$) - Hero section, centered, large
53
+ Secondary: Quick actions (3 buttons) - Mid section
54
+ Tertiary: Recent transactions (list) - Bottom, scrollable
55
+
56
+ [Grouping]
57
+ Section 1: Hero (balance + last updated)
58
+ Section 2: Quick Actions (3 icon buttons, horizontal)
59
+ Section 3: Activity (transaction list with "Load More")
60
+
61
+ [Navigation]
62
+ Bottom Tab Bar: [Home] [Accounts] [Cards] [Profile]
63
+ Top Bar: [Menu ☰] [Notifications πŸ””]
64
+ ```
65
+
66
+ ## Next Step
67
+
68
+ {project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-04-wireframe-sketch.md
@@ -0,0 +1,97 @@
1
+ ---
2
+ step: 4
3
+ workflow: wireframe
4
+ title: Wireframe Sketch
5
+ ---
6
+
7
+ # Step 4: Wireframe Sketch
8
+
9
+ Time to create the low-fidelity wireframe layout using ASCII art.
10
+
11
+ ## Grid System
12
+
13
+ - **Mobile:** 8pt grid, 16px margins
14
+ - **Desktop:** 12-column grid, 24px gutters
15
+ - **Alignment:** Everything snaps to grid
16
+
17
+ ## ASCII Wireframe Syntax
18
+
19
+ ```
20
+ β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” ← Top border
21
+ β”‚ ☰ Menu Page Title πŸ”” β”‚ ← Header bar
22
+ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€ ← Section divider
23
+ β”‚ β”‚
24
+ β”‚ Main Content Area β”‚ ← Content section
25
+ β”‚ β”‚
26
+ β”‚ β”Œβ”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β” β”‚ ← Button row
27
+ β”‚ β”‚ Btn1β”‚ β”‚ Btn2β”‚ β”‚ Btn3β”‚ β”‚
28
+ β”‚ β””β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”˜ β”‚
29
+ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
30
+ β”‚ [Home] [Search] [Profile] β”‚ ← Bottom nav
31
+ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ ← Bottom border
32
+ ```
33
+
34
+ ## Component Placement
35
+
36
+ 1. **Header** (56-72px height)
37
+ - Logo/back button (left)
38
+ - Page title (center)
39
+ - Actions/notifications (right)
40
+
41
+ 2. **Content area**
42
+ - Primary content (hero, main action)
43
+ - Secondary content (supporting info)
44
+ - Tertiary content (metadata, help)
45
+
46
+ 3. **Navigation** (48-72px height)
47
+ - Bottom tabs (mobile)
48
+ - Sidebar (desktop)
49
+
50
+ ## Typography Hierarchy
51
+
52
+ - **H1:** Screen title (24-32px)
53
+ - **H2:** Section headers (20-24px)
54
+ - **Body:** Content text (16px)
55
+ - **Caption:** Metadata (12-14px)
56
+
57
+ ## Example: Mobile Dashboard
58
+
59
+ ```
60
+ β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
61
+ β”‚ ☰ πŸ”” β”‚ ← Header (56px)
62
+ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
63
+ β”‚ β”‚
64
+ β”‚ Account Balance β”‚ ← H1 (Hero section)
65
+ β”‚ $12,458.32 β”‚ ← Large text
66
+ β”‚ Last updated: 2 min ago β”‚ ← Caption
67
+ β”‚ β”‚
68
+ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
69
+ β”‚ β”Œβ”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β” β”‚ ← Quick Actions
70
+ β”‚ β”‚Transβ”‚ β”‚ Pay β”‚ β”‚Depo β”‚ β”‚ (3 buttons,
71
+ β”‚ β”‚ fer β”‚ β”‚Billsβ”‚ β”‚sit β”‚ β”‚ 100Γ—48px each)
72
+ β”‚ β””β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”˜ β”‚
73
+ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
74
+ β”‚ Recent Transactions β†— β”‚ ← H2 + "See All"
75
+ β”‚ β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”‚
76
+ β”‚ β”‚ πŸͺ Starbucks -$5.42 β†’ β”‚ β”‚ ← Transaction item
77
+ β”‚ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β”‚ (64px height)
78
+ β”‚ β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”‚
79
+ β”‚ β”‚ πŸ’° Salary +$4,200 β†’ β”‚ β”‚
80
+ β”‚ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β”‚
81
+ β”‚ ... (3 more items) β”‚
82
+ β”‚ [Load More Transactions] β”‚ ← Button
83
+ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
84
+ β”‚ [🏠] [πŸ’³] [πŸ“Š] [πŸ‘€] β”‚ ← Bottom tabs (72px)
85
+ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
86
+ ```
87
+
88
+ ## Your Turn
89
+
90
+ Create your wireframe sketch using ASCII art. Include:
91
+ - Header, content area, navigation
92
+ - Component placements
93
+ - Size annotations (px)
94
+
95
+ ## Next Step
96
+
97
+ {project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-05-components.md