@edupia-tutor/spec-driven-docs 0.14.0 → 0.14.2

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 (162) hide show
  1. package/bin/index.js +12 -1
  2. package/commands/debug.md +436 -436
  3. package/commands/debug.tmpl +111 -111
  4. package/commands/define-product.md +350 -345
  5. package/commands/define-product.tmpl +69 -64
  6. package/commands/dev-gen-test.md +365 -365
  7. package/commands/dev-gen-test.tmpl +63 -63
  8. package/commands/dev-run-test.md +376 -376
  9. package/commands/dev-run-test.tmpl +74 -74
  10. package/commands/dev-smoke-test.md +341 -341
  11. package/commands/dev-smoke-test.tmpl +60 -60
  12. package/commands/fix-bug.md +403 -403
  13. package/commands/fix-bug.tmpl +78 -78
  14. package/commands/generate-bdd.md +513 -513
  15. package/commands/generate-bdd.tmpl +211 -211
  16. package/commands/generate-code.md +481 -483
  17. package/commands/generate-code.tmpl +179 -181
  18. package/commands/generate-design-spec.md +497 -497
  19. package/commands/generate-design-spec.tmpl +220 -220
  20. package/commands/generate-prd.md +452 -400
  21. package/commands/generate-prd.tmpl +50 -200
  22. package/commands/generate-spec-manifest.md +340 -340
  23. package/commands/generate-spec-manifest.tmpl +59 -59
  24. package/commands/generate-tech-docs.md +365 -365
  25. package/commands/generate-tech-docs.tmpl +84 -84
  26. package/commands/learn.md +347 -347
  27. package/commands/learn.tmpl +22 -22
  28. package/commands/map-testids.md +322 -322
  29. package/commands/map-testids.tmpl +41 -41
  30. package/commands/propose-scenario.md +335 -335
  31. package/commands/propose-scenario.tmpl +54 -54
  32. package/commands/qc-analyze.md +323 -324
  33. package/commands/qc-analyze.tmpl +42 -43
  34. package/commands/qc-design-test.md +304 -304
  35. package/commands/qc-design-test.tmpl +23 -23
  36. package/commands/qc-plan.md +297 -297
  37. package/commands/qc-plan.tmpl +16 -16
  38. package/commands/qc-report.md +302 -302
  39. package/commands/qc-report.tmpl +21 -21
  40. package/commands/qc-review.md +298 -298
  41. package/commands/qc-review.tmpl +17 -17
  42. package/commands/qc-run-test.md +337 -337
  43. package/commands/qc-run-test.tmpl +35 -35
  44. package/commands/refine-prd.md +428 -430
  45. package/commands/refine-prd.tmpl +62 -62
  46. package/commands/report-bug.md +351 -351
  47. package/commands/report-bug.tmpl +70 -70
  48. package/commands/review-code.md +364 -364
  49. package/commands/review-code.tmpl +39 -39
  50. package/commands/review-context.md +578 -580
  51. package/commands/review-context.tmpl +212 -212
  52. package/commands/review-tech-docs.md +427 -427
  53. package/commands/review-tech-docs.tmpl +146 -146
  54. package/commands/setup-ai-first.md +239 -239
  55. package/commands/setup-ai-first.tmpl +133 -133
  56. package/commands/sync.md +145 -145
  57. package/commands/sync.tmpl +93 -93
  58. package/commands/update-framework.md +88 -88
  59. package/commands/update-framework.tmpl +36 -36
  60. package/commands/validate-traces.md +381 -381
  61. package/commands/validate-traces.tmpl +100 -100
  62. package/core/FRAMEWORK_VERSION +1 -1
  63. package/core/commands/debug.md +436 -436
  64. package/core/commands/define-product.md +350 -345
  65. package/core/commands/dev-gen-test.md +365 -365
  66. package/core/commands/dev-run-test.md +376 -376
  67. package/core/commands/dev-smoke-test.md +341 -341
  68. package/core/commands/fix-bug.md +403 -403
  69. package/core/commands/generate-bdd.md +513 -513
  70. package/core/commands/generate-code.md +481 -483
  71. package/core/commands/generate-design-spec.md +497 -497
  72. package/core/commands/generate-prd.md +452 -400
  73. package/core/commands/generate-spec-manifest.md +340 -340
  74. package/core/commands/generate-tech-docs.md +365 -365
  75. package/core/commands/learn.md +347 -347
  76. package/core/commands/map-testids.md +322 -322
  77. package/core/commands/propose-scenario.md +335 -335
  78. package/core/commands/qc-analyze.md +323 -324
  79. package/core/commands/qc-design-test.md +304 -304
  80. package/core/commands/qc-plan.md +297 -297
  81. package/core/commands/qc-report.md +302 -302
  82. package/core/commands/qc-review.md +298 -298
  83. package/core/commands/qc-run-test.md +337 -337
  84. package/core/commands/refine-prd.md +428 -430
  85. package/core/commands/report-bug.md +351 -351
  86. package/core/commands/review-code.md +364 -364
  87. package/core/commands/review-context.md +578 -580
  88. package/core/commands/review-tech-docs.md +427 -427
  89. package/core/commands/setup-ai-first.md +239 -239
  90. package/core/commands/sync.md +145 -145
  91. package/core/commands/update-framework.md +88 -88
  92. package/core/commands/validate-traces.md +381 -381
  93. package/core/skills/code/SKILL.md +389 -389
  94. package/core/skills/debug/SKILL.md +391 -391
  95. package/core/skills/design-spec/SKILL.md +318 -318
  96. package/core/skills/discovery/SKILL.md +7 -547
  97. package/core/skills/prd/SKILL.md +298 -394
  98. package/core/skills/setup-ai-first/SKILL.md +80 -80
  99. package/core/skills/spec/SKILL.md +178 -178
  100. package/core/skills/test/SKILL.md +604 -604
  101. package/core/steps/capture-lesson.md +44 -44
  102. package/core/steps/context-loader.md +175 -175
  103. package/core/steps/gate.md +54 -54
  104. package/core/steps/report-footer.md +52 -52
  105. package/core/steps/review-fanout.md +85 -87
  106. package/core/steps/spawn-agent.md +45 -45
  107. package/core/steps/trace-mirror.md +21 -21
  108. package/core/templates/architecture.template.md +37 -37
  109. package/core/templates/design-spec.template.md +77 -77
  110. package/core/templates/platform-guide.template.md +47 -47
  111. package/core/templates/prd.template.md +107 -232
  112. package/core/templates/product-definition.template.md +101 -88
  113. package/core/templates/project-context.yaml +2 -2
  114. package/docs/01-getting-started/core-concepts.md +1 -1
  115. package/docs/01-getting-started/quickstart.md +7 -7
  116. package/docs/02-guides/developer/bdd-and-trace.md +1 -1
  117. package/docs/02-guides/developer/scenarios.md +5 -5
  118. package/docs/02-guides/product-owner/handoff-checklist.md +1 -1
  119. package/docs/02-guides/product-owner/scenarios.md +23 -23
  120. package/docs/02-guides/tester/bug-reporting.md +2 -2
  121. package/docs/02-guides/tester/reading-specs.md +2 -2
  122. package/docs/02-guides/tester/scenarios.md +1 -1
  123. package/docs/02-guides/tester/spec-manifest.md +3 -3
  124. package/docs/02-guides/tester/workflow.md +1 -1
  125. package/docs/03-concepts/architecture.md +3 -3
  126. package/docs/03-concepts/pipeline.md +3 -3
  127. package/docs/04-operations/publishing.md +20 -3
  128. package/docs/04-operations/sync-and-update.md +5 -5
  129. package/docs/05-reference/command-cheatsheet.md +2 -2
  130. package/docs/05-reference/commands.md +8 -8
  131. package/package.json +1 -1
  132. package/scripts/migrate-specs.js +5 -3
  133. package/scripts/rename-prd-files.js +174 -0
  134. package/skills/code/SKILL.md +389 -389
  135. package/skills/code/SKILL.tmpl +56 -56
  136. package/skills/debug/SKILL.md +391 -391
  137. package/skills/debug/SKILL.tmpl +60 -60
  138. package/skills/design-spec/SKILL.md +318 -318
  139. package/skills/design-spec/SKILL.tmpl +37 -37
  140. package/skills/discovery/SKILL.md +7 -547
  141. package/skills/discovery/SKILL.tmpl +7 -140
  142. package/skills/prd/SKILL.md +298 -394
  143. package/skills/prd/SKILL.tmpl +40 -151
  144. package/skills/setup-ai-first/SKILL.md +80 -80
  145. package/skills/setup-ai-first/SKILL.tmpl +28 -28
  146. package/skills/spec/SKILL.md +178 -178
  147. package/skills/spec/SKILL.tmpl +20 -20
  148. package/skills/test/SKILL.md +604 -604
  149. package/skills/test/SKILL.tmpl +44 -44
  150. package/steps/capture-lesson.md +44 -44
  151. package/steps/context-loader.md +175 -175
  152. package/steps/gate.md +54 -54
  153. package/steps/report-footer.md +52 -52
  154. package/steps/review-fanout.md +85 -87
  155. package/steps/spawn-agent.md +45 -45
  156. package/steps/trace-mirror.md +21 -21
  157. package/templates/architecture.template.md +37 -37
  158. package/templates/design-spec.template.md +77 -77
  159. package/templates/platform-guide.template.md +47 -47
  160. package/templates/prd.template.md +107 -232
  161. package/templates/product-definition.template.md +101 -88
  162. package/templates/project-context.yaml +2 -2
@@ -1,145 +1,145 @@
1
- # /generate-design-spec — Generate Design Specification (FE / App)
1
+ # /generate-design-spec — Sinh Design Specification (FE / App)
2
2
 
3
3
  ## Gate
4
- # Gate — Universal Entry Procedure
4
+ # Gate — Quy trình vào chuẩn cho mọi lệnh
5
5
 
6
- Every command must execute this gate before proceeding with its specific logic.
6
+ Mọi lệnh PHẢI chạy gate này trước khi thực thi phần logic riêng của nó.
7
7
 
8
- ## Step 0 — Sub-Agent Mode Check
8
+ ## Bước 0 — Kiểm tra chế độ Sub-Agent
9
9
 
10
- Before anything else, check if `$ARGUMENTS` is a JSON payload from an orchestrator:
10
+ Trước tiên, kiểm tra xem `$ARGUMENTS` phải payload JSON từ một orchestrator hay không:
11
11
 
12
- 1. Attempt to parse `$ARGUMENTS` as JSON.
13
- 2. If it parses successfully **and** contains `"_agent_mode": true`:
14
- - **Skip Steps 1, 2, and 3 of this Gate entirely.**
15
- - Set target file = `payload.target_file`
16
- - Set loaded context = `payload.context` (do NOT run context-loader.md)
17
- - Set UC scope = `payload.uc_id` (process only this UC)
18
- - Set line range = `payload.uc_section` (read only that PRD section)
19
- - Proceed directly to the command-specific logic.
20
- 3. If `$ARGUMENTS` is not JSON or `_agent_mode` is absent continue to Step 1 (normal mode).
12
+ 1. Thử parse `$ARGUMENTS` dưới dạng JSON.
13
+ 2. Nếu parse thành công **và** chứa `"_agent_mode": true`:
14
+ - **Bỏ qua hoàn toàn Bước 1, 2 3 của Gate này.**
15
+ - Đặt target file = `payload.target_file`
16
+ - Đặt loaded context = `payload.context` (KHÔNG chạy context-loader.md)
17
+ - Đặt phạm vi UC = `payload.uc_id` (chỉ xử UC này)
18
+ - Đặt line range = `payload.uc_section` (chỉ đọc đúng section đó của PRD)
19
+ - Đi thẳng tới phần logic riêng của lệnh.
20
+ 3. Nếu `$ARGUMENTS` không phải JSON hoặc không có `_agent_mode` tiếp tục sang Bước 1 (chế độ thường).
21
21
 
22
- ## Step 0-B — Model Check
22
+ ## Bước 0-B — Kiểm tra Model
23
23
 
24
- *Skip this step if `_agent_mode: true` (sub-agent — orchestrator already validated).*
24
+ *Bỏ qua bước này nếu `_agent_mode: true` (sub-agent — orchestrator đã kiểm tra rồi).*
25
25
 
26
- Complex generation and review commands require strong reasoning.
27
- Using a smaller model risks missed edge cases, incomplete spec analysis, and architecture violations.
26
+ Các lệnh sinh nội dung và review phức tạp đòi hỏi khả năng suy luận mạnh.
27
+ Dùng model nhỏ hơn sẽ rủi ro: bỏ sót edge case, phân tích spec thiếu sót, vi phạm kiến trúc.
28
28
 
29
- Display and wait for response:
29
+ Hiển thị chờ phản hồi:
30
30
 
31
31
  ```
32
32
  ⚙️ MODEL CHECK
33
33
  ──────────────────────────────────────────────────────────────────
34
- Recommended : claude-opus-4 (or latest Opus model)
35
- Why needed : Spec analysis, architecture review, code generation
36
- require deep reasoning. Smaller models miss edge cases.
34
+ Recommended : claude-opus-4 (hoặc model Opus mới nhất)
35
+ Why needed : Phân tích spec, review kiến trúc, sinh code đòi hỏi
36
+ suy luận sâu. Model nhỏ hơn dễ bỏ sót edge case.
37
37
 
38
- To switch in Claude Code:
39
- • Settings → Model → select "claude-opus"
40
- or: /model → choose claude-opus
38
+ Cách đổi trong Claude Code:
39
+ • Settings → Model → chọn "claude-opus"
40
+ hoặc: /model → chọn claude-opus
41
41
 
42
- Running on claude-opus?
43
- Y — yes, on claude-opus → proceed
44
- S — skip check (I accept lower quality risk with current model)
42
+ Đang chạy claude-opus?
43
+ Y — đúng, đang dùng claude-opus → tiếp tục
44
+ S — bỏ qua kiểm tra (tôi chấp nhận rủi ro chất lượng thấp hơn với model hiện tại)
45
45
  ──────────────────────────────────────────────────────────────────
46
46
  ```
47
47
 
48
- - "Y" → proceed to Step 1.
49
- - "S" → proceed to Step 1 (user accepts risk, add ⚠️ to final report).
50
- - "N" or anything else → **STOP.** Output: "Please switch to claude-opus, then re-run this command."
48
+ - "Y" → tiếp tục sang Bước 1.
49
+ - "S" → tiếp tục sang Bước 1 (người dùng chấp nhận rủi ro, thêm ⚠️ vào report cuối).
50
+ - "N" hoặc bất kỳ giá trị nào khác → **DỪNG.** Xuất: "Vui lòng chuyển sang claude-opus rồi chạy lại lệnh này."
51
51
 
52
- ## Step 1 — Resolve Target File
52
+ ## Bước 1 — Xác định Target File
53
53
 
54
- 1. If `$ARGUMENTS` is provided and points to an existing file → use it directly as the target.
55
- 2. If `$ARGUMENTS` is a **bare UC-ID / ticket ID / partial name** (no path) → resolve it to a file by globbing the feature-package layout. The `{prd-slug}` is **not known yet**, so use a `*` wildcard for that segment, and a recursive `**` under `bdd/` so the platform subfolders (`bdd/web/`, `bdd/app/`, `bdd/system/`) are all covered:
56
- - **BDD commands** (target is a `.feature`): `{specs_dir}/{domain}/*/bdd/**/{UC-ID}*.feature` — or `{specs_dir}/*/*/bdd/**/{UC-ID}*.feature` if the domain is also unknown. If a platform/scope is implied by the command (e.g. a system tech-doc needs the `system/` BDD), prefer the match under that platform subfolder.
57
- - **PRD commands** (target is `prd.md`): `{specs_dir}/{domain}/*/prd.md` (match the feature folder whose id corresponds), else `{specs_dir}/*/*/prd.md`.
58
- - **tech-docs commands**: `{specs_dir}/{domain}/*/tech-docs/{UC-ID}*-tech-design*.md`.
59
- - **design-spec commands**: `{specs_dir}/{domain}/*/design-spec/{TICKET-ID}*.md`.
54
+ 1. Nếu `$ARGUMENTS` được cung cấp trỏ tới một file tồn tại dùng trực tiếp làm target.
55
+ 2. Nếu `$ARGUMENTS` một **UC-ID / ticket ID / tên rút gọn** (không path) → phân giải thành file bằng cách glob theo bố cục feature-package. `{prd-slug}` lúc này **chưa biết**, nên dùng wildcard `*` cho segment đó, `**` đệ quy dưới `bdd/` để phủ hết các thư mục con theo platform (`bdd/web/`, `bdd/app/`, `bdd/system/`):
56
+ - **Lệnh BDD** (target `.feature`): `{specs_dir}/{domain}/*/bdd/**/{UC-ID}*.feature` — hoặc `{specs_dir}/*/*/bdd/**/{UC-ID}*.feature` nếu domain cũng chưa biết. Nếu lệnh ngụ ý một platform/scope cụ thể (vd: system tech-doc cần BDD `system/`), ưu tiên kết quả trong thư mục con platform đó.
57
+ - **Lệnh PRD** (target file PRD `{TICKET-ID}-{prd-slug}.md` — file `.md` duy nhất ở gốc feature folder, cạnh `bdd/`): `{specs_dir}/{domain}/*/{TICKET-ID}*.md` nếu biết TICKET-ID; nếu không, `{specs_dir}/{domain}/*/*.md` (khớp feature folder id tương ứng), hoặc `{specs_dir}/*/*/*.md` nếu domain cũng chưa biết. *(Glob `*/*.md` ở cấp gốc folder chỉ khớp PRD — tech-docs/design-spec `.md` nằm sâu hơn trong thư mục con.)*
58
+ - **Lệnh tech-docs**: `{specs_dir}/{domain}/*/tech-docs/{UC-ID}*-tech-design*.md`.
59
+ - **Lệnh design-spec**: `{specs_dir}/{domain}/*/design-spec/{TICKET-ID}*.md`.
60
60
 
61
- Once a file matches: set it as the target **and** record `domain` + `prd_slug` from its path (per the extraction rule in `context-loader.md` Step 1 — `prd_slug` = first segment after `{specs_dir}/{domain}/`). Every path the command later reads or writes (sibling BDD/tech-docs/design-spec/trace) uses **that resolved `prd_slug`**, so all artifacts stay in one feature package. If several files match (e.g. multiple platforms), pick per the command's platform/scope or list them and ask.
62
- 3. If `$ARGUMENTS` is empty or no match found:
63
- - List files in the relevant directory for this command (e.g., `specs/*/*/prd.md` for PRD commands, `specs/*/*/bdd/**/*.feature` for BDD commands).
64
- - Present the list to the user and ask: "Which file do you want to work with? (Enter number or filename)"
65
- - Wait for user selection before continuing.
61
+ Khi một file khớp: đặt làm target **và** ghi lại `domain` + `prd_slug` từ path của nó (theo quy tắc trích xuất trong `context-loader.md` Bước 1 — `prd_slug` = segment đầu tiên sau `{specs_dir}/{domain}/`). Mọi path lệnh đọc/ghi về sau (BDD/tech-docs/design-spec/trace cùng cấp) đều dùng **`prd_slug` đã phân giải đó**, nên tất cả artifact nằm chung một feature package. Nếu nhiều file khớp (vd: nhiều platform), chọn theo platform/scope của lệnh hoặc liệt kê ra và hỏi.
62
+ 3. Nếu `$ARGUMENTS` rỗng hoặc không tìm thấy file khớp:
63
+ - Liệt các file trong thư mục liên quan của lệnh này (vd: `specs/*/*/*.md` file PRD ở gốc mỗi feature folder — cho lệnh PRD, `specs/*/*/bdd/**/*.feature` cho lệnh BDD).
64
+ - Hiển thị danh sách cho người dùng và hỏi: "Bạn muốn làm việc với file nào? (Nhập số thứ tự hoặc tên file)"
65
+ - Chờ người dùng chọn rồi mới tiếp tục.
66
66
 
67
- ## Step 2 — Execute Context Loader
67
+ ## Bước 2 — Chạy Context Loader
68
68
 
69
- Load all project context by following the procedure in `steps/context-loader.md`.
70
- Store all loaded context in memory for use throughout this command session.
69
+ Nạp toàn bộ context của dự án bằng cách làm theo quy trình trong `steps/context-loader.md`.
70
+ Lưu toàn bộ context đã nạp vào bộ nhớ để dùng xuyên suốt phiên làm việc của lệnh.
71
71
 
72
- ## Step 3 — CHECKPOINT
72
+ ## Bước 3 — CHECKPOINT
73
73
 
74
- After completing Steps 1 and 2, display a summary and wait for confirmation:
74
+ Sau khi hoàn thành Bước 1 2, hiển thị bản tóm tắt chờ xác nhận:
75
75
 
76
76
  ```
77
77
  CHECKPOINT
78
78
  -----------
79
79
  Target : {resolved file path}
80
- Project : {project.name from project-context.yaml}
80
+ Project : {project.name từ project-context.yaml}
81
81
  Tech stack : {language} / {framework}
82
- Module : {module if set, else "not configured"}
83
- Domains : {comma-separated domain list}
82
+ Module : {module nếu có, else "not configured"}
83
+ Domains : {danh sách domain, ngăn cách bởi dấu phẩy}
84
84
 
85
- Proceed? (Y/N)
85
+ Tiếp tục? (Y/N)
86
86
  ```
87
87
 
88
- Wait for explicit "Y" or "N" from the user before continuing.
89
- - "Y" → proceed to the command-specific steps below.
90
- - "N" → stop and ask what the user wants to change.
88
+ Chờ người dùng trả lời rõ ràng "Y" hoặc "N" rồi mới tiếp tục.
89
+ - "Y" → tiếp tục sang các bước riêng của lệnh bên dưới.
90
+ - "N" → dừng lại hỏi người dùng muốn thay đổi gì.
91
91
 
92
92
 
93
- *Note: For this command, the target file is a Business PRD (`prd.md`) under `{paths.specs_dir}/{domain}/{prd-slug}/`. Resolve from `$ARGUMENTS` or list the directory and ask. Only FE and mobile PRDs are supported BE PRDs will be rejected at the Platform Check step.*
93
+ *Lưu ý: Với lệnh này, target file một Business PRD (`{TICKET-ID}-{prd-slug}.md` — file `.md` ở gốc feature folder) dưới `{paths.specs_dir}/{domain}/{prd-slug}/`. Phân giải từ `$ARGUMENTS` hoặc liệt thư mục và hỏi. Chỉ hỗ trợ PRD của FE mobile PRD của BE sẽ bị từ chối bước Platform Check.*
94
94
 
95
95
  ## Context
96
- # Context Loader — Load All Project Context
96
+ # Context Loader — Nạp toàn bộ context dự án
97
97
 
98
- Execute these steps in order. Store everything in memory for the duration of the command session.
98
+ Thực hiện các bước theo đúng thứ tự. Lưu mọi thứ vào bộ nhớ trong suốt phiên làm việc của lệnh.
99
99
 
100
- **Priority guide (anti-lost-in-middle):**
101
- - Steps 1–2 are PROJECT-CONFIG — loaded first, resolve all paths and metadata.
102
- - Step 3 is CRITICAL — architecture + coding standards, the highest-priority facts for generation.
103
- - Step 4 is SAFETY — data protection rules, enforced silently for the entire session.
104
- - Steps 5–6 are DOMAIN KNOWLEDGE — terminology and entity definitions.
105
- - Step 7 is the WORKING MEMORY RECAP — locks critical facts into the top of working memory.
100
+ **Hướng dẫn ưu tiên (chống lost-in-middle):**
101
+ - Bước 1–2 PROJECT-CONFIG — nạp trước, phân giải mọi path metadata.
102
+ - Bước 3 CRITICAL — kiến trúc + coding standards, các sự thật ưu tiên cao nhất khi sinh nội dung.
103
+ - Bước 4 SAFETY — quy tắc bảo vệ dữ liệu, thực thi ngầm suốt cả phiên.
104
+ - Bước 5–6 DOMAIN KNOWLEDGE — thuật ngữ và định nghĩa entity.
105
+ - Bước 7 WORKING MEMORY RECAP — chốt các sự thật quan trọng lên đầu bộ nhớ làm việc.
106
106
 
107
107
  ---
108
108
 
109
- ## Step 1 — [PROJECT-CONFIG] Load project-context.yaml
109
+ ## Bước 1 — [PROJECT-CONFIG] Nạp project-context.yaml
110
110
 
111
- Read `.agent/project-context.yaml`. Extract and store:
111
+ Đọc `.agent/project-context.yaml`. Trích xuất và lưu:
112
112
 
113
113
  **Tech Stack:**
114
- - `tech_stack.language` → active language (e.g., Java 17, TypeScript, C#, Go)
115
- - `tech_stack.framework` → active framework (e.g., Spring Boot 3.2, Angular 17, .NET 8)
116
- - `tech_stack.build_tool` → build tool (e.g., Maven, npm, dotnet, go)
117
- - `tech_stack.test_framework` → test framework (e.g., JUnit 5 + Mockito, Jest, xUnit)
118
- - `tech_stack.database` → database (e.g., PostgreSQL, MySQL, MongoDB)
119
- - `tech_stack.module` → active module profile (e.g., java-spring, angular, dotnet, golang, context-engineering)
114
+ - `tech_stack.language` → ngôn ngữ đang dùng (vd: Java 17, TypeScript, C#, Go)
115
+ - `tech_stack.framework` → framework đang dùng (vd: Spring Boot 3.2, Angular 17, .NET 8)
116
+ - `tech_stack.build_tool` → build tool (vd: Maven, npm, dotnet, go)
117
+ - `tech_stack.test_framework` → test framework (vd: JUnit 5 + Mockito, Jest, xUnit)
118
+ - `tech_stack.database` → database (vd: PostgreSQL, MySQL, MongoDB)
119
+ - `tech_stack.module` → module profile đang dùng (vd: java-spring, angular, dotnet, golang, context-engineering)
120
120
 
121
121
  **Conventions:**
122
- - `conventions.build_command` → how to compile/build
123
- - `conventions.test_command` → how to run tests
124
- - `conventions.service_run` → how to start the service
125
- - `conventions.ticket_prefix` → ticket ID prefix (e.g., PROJ, FEAT, UC)
122
+ - `conventions.build_command` → cách compile/build
123
+ - `conventions.test_command` → cách chạy test
124
+ - `conventions.service_run` → cách khởi động service
125
+ - `conventions.ticket_prefix` → tiền tố ticket ID (vd: PROJ, FEAT, UC)
126
126
 
127
127
  **Domains:**
128
- - `domains` → list of active business domains
129
-
130
- **Paths (if present):**
131
- - `paths.specs_dir` → spec artifacts root — PRD, BDD, tech-docs, design-spec. Structure: `{specs_dir}/{domain}/{prd-slug}/{prd.md | bdd/ | tech-docs/ | design-spec/}`
132
- - `paths.refinement_dir` → findings/review output dir
133
- - `paths.qc_dir` → QC automation artifacts root (visible top-level, one subfolder per UC: `{qc_dir}/{UC-ID}/`)
134
- - `paths.qc_skills_dir` → where qc-* commands load QC skills from (default bundled `.agent/skills/qc`; override to the QC team's own repo/submodule so framework upgrade won't overwrite them)
135
- - `paths.product_definitions_dir` → product definitions root
136
- - `paths.domain_knowledge_dir` → domain knowledge root
137
- - `paths.business_dictionary` → path to business-dictionary.md
138
- - `paths.core_entities` → path to core-entities.md
139
- - `paths.tech_docs_dir` → technical documentation root (merged with specs_dir in feature-package layout — tech-docs live under `{specs_dir}/{domain}/{prd-slug}/tech-docs/`)
140
- - `paths.trace_dir` → trace state directory; structure: `.trace/{domain}/{prd-slug}/{UC-ID}.tsv`
141
-
142
- If `paths` section is absent, use these defaults:
128
+ - `domains` → danh sách các business domain đang hoạt động
129
+
130
+ **Paths (nếu ):**
131
+ - `paths.specs_dir` → gốc của spec artifact — PRD, BDD, tech-docs, design-spec. Cấu trúc: `{specs_dir}/{domain}/{prd-slug}/{ {TICKET-ID}-{prd-slug}.md | bdd/ | tech-docs/ | design-spec/}` (file PRD đặt tên `{TICKET-ID}-{prd-slug}.md`, là file `.md` duy nhất ở gốc feature folder)
132
+ - `paths.refinement_dir` → thư mục output cho findings/review
133
+ - `paths.qc_dir` → gốc artifact QC automation (hiện top-level, mỗi UC một thư mục con: `{qc_dir}/{UC-ID}/`)
134
+ - `paths.qc_skills_dir` → nơi các lệnh qc-* nạp QC skill (mặc định bundled `.agent/skills/qc`; override sang repo/submodule riêng của team QC để bản nâng cấp framework không ghi đè)
135
+ - `paths.product_definitions_dir` → gốc product definition
136
+ - `paths.domain_knowledge_dir` → gốc domain knowledge
137
+ - `paths.business_dictionary` → path tới business-dictionary.md
138
+ - `paths.core_entities` → path tới core-entities.md
139
+ - `paths.tech_docs_dir` → gốc tài liệu kỹ thuật (gộp với specs_dir trong bố cục feature-package — tech-docs nằm dưới `{specs_dir}/{domain}/{prd-slug}/tech-docs/`)
140
+ - `paths.trace_dir` → thư mục trạng thái trace; cấu trúc: `.trace/{domain}/{prd-slug}/{UC-ID}.tsv`
141
+
142
+ Nếu không có section `paths`, dùng các giá trị mặc định:
143
143
  - `specs_dir` = `specs`
144
144
  - `refinement_dir` = `.agent/review`
145
145
  - `qc_dir` = `docs`
@@ -151,184 +151,184 @@ If `paths` section is absent, use these defaults:
151
151
  - `tech_docs_dir` = `specs`
152
152
  - `trace_dir` = `.trace`
153
153
 
154
- Note: In the feature-package layout, `specs_dir` is the unified root. All spec artifact types (PRD, BDD, tech-docs, design-spec) live under `{specs_dir}/{domain}/{prd-slug}/`. The `prd-slug` is the feature-package folder name, not a separate config variable.
154
+ Lưu ý: Trong bố cục feature-package, `specs_dir` gốc thống nhất. Mọi loại spec artifact (PRD, BDD, tech-docs, design-spec) đều nằm dưới `{specs_dir}/{domain}/{prd-slug}/`. `prd-slug` tên folder feature-package, không phải một biến config riêng.
155
155
 
156
- **How to extract `prd_slug` (works for ANY target file, regardless of nesting depth):** given a target path of the form `{specs_dir}/{domain}/{prd-slug}/...`, take the **first path segment after `{specs_dir}/{domain}/`** — i.e. the `{prd-slug}` position. Do NOT use the file's immediate parent folder, because BDD/tech-docs/design-spec artifacts are nested one or two levels deeper inside the package. Examples:
157
- - `specs/payment/create-invoice/prd.md` → `prd_slug = create-invoice`
158
- - `specs/payment/create-invoice/bdd/system/PAY-UC1.feature` → `prd_slug = create-invoice` *(NOT `system`)*
159
- - `specs/payment/create-invoice/bdd/web/PAY-UC1.feature` → `prd_slug = create-invoice` *(NOT `web`)*
160
- - `specs/payment/create-invoice/tech-docs/PAY-UC1-tech-design.md` → `prd_slug = create-invoice` *(NOT `tech-docs`)*
156
+ **Cách trích xuất `prd_slug` (đúng cho MỌI target file, bất kể độ sâu lồng nhau):** với một path target dạng `{specs_dir}/{domain}/{prd-slug}/...`, lấy **segment path đầu tiên sau `{specs_dir}/{domain}/`** — tức vị trí `{prd-slug}`. KHÔNG dùng folder cha trực tiếp của file, artifact BDD/tech-docs/design-spec lồng sâu hơn một hoặc hai cấp bên trong package. Ví dụ:
157
+ - `specs/payment/create-invoice/PAY01-create-invoice.md` → `prd_slug = create-invoice`
158
+ - `specs/payment/create-invoice/bdd/system/PAY-UC1.feature` → `prd_slug = create-invoice` *(KHÔNG phải `system`)*
159
+ - `specs/payment/create-invoice/bdd/web/PAY-UC1.feature` → `prd_slug = create-invoice` *(KHÔNG phải `web`)*
160
+ - `specs/payment/create-invoice/tech-docs/PAY-UC1-tech-design.md` → `prd_slug = create-invoice` *(KHÔNG phải `tech-docs`)*
161
161
  - `specs/payment/create-invoice/design-spec/PAY-design-spec-web.md` → `prd_slug = create-invoice`
162
162
 
163
- All sibling artifacts of one feature (PRD, every platform's BDD, the BE + FE tech-docs, the design-spec, and the trace TSV) therefore resolve to the **same `prd_slug`** — so a synthesized **system** BDD or **system/BE** tech-doc lands in the same `{specs_dir}/{domain}/{prd-slug}/` package as the web/app artifacts it was derived from.
163
+ Mọi artifact cùng cấp của một feature (PRD, BDD của từng platform, tech-docs BE + FE, design-spec, trace TSV) đều phân giải về **cùng một `prd_slug`** — nên một BDD **system** hay tech-doc **system/BE** được tổng hợp sẽ nằm chung package `{specs_dir}/{domain}/{prd-slug}/` với các artifact web/app được suy ra từ đó.
164
164
 
165
- If `tech_stack.module` is set, also load `.agent/modules/{module}/stack-profile.yaml` if it exists.
165
+ Nếu `tech_stack.module` được đặt, đồng thời nạp `.agent/modules/{module}/stack-profile.yaml` nếu file tồn tại.
166
166
 
167
167
  ---
168
168
 
169
- ## Step 1.5 — [SERVICE ROUTING] Resolve service paths (umbrella mode)
169
+ ## Bước 1.5 — [SERVICE ROUTING] Phân giải path service (chế độ umbrella)
170
170
 
171
- *Skip this step entirely if `setup.mode` is not `"umbrella"` and `services` section is absent from project-context.yaml.*
171
+ *Bỏ qua hoàn toàn bước này nếu `setup.mode` không phải `"umbrella"` không có section `services` trong project-context.yaml.*
172
172
 
173
- If `services` section is present:
173
+ Nếu section `services`:
174
174
 
175
- **1. Detect active domain** (in priority order):
176
- - Read `@trace.domain` from target file frontmatter (if Gate loaded a target file)
177
- - Extract from target file path: `domain` = the first segment after the `specs_dir` base path; `prd_slug` = the next segment (the feature-package folder). This holds for any target depth see the `prd_slug` extraction rule in Step 1.
178
- *(e.g., `specs/user/create-account/prd.md` **and** `specs/user/create-account/bdd/system/UC1.feature` both → domain = `user`, prd_slug = `create-account`)*
179
- - If `$ARGUMENTS` contains a path, extract the domain segment after `specs_dir`
175
+ **1. Phát hiện active domain** (theo thứ tự ưu tiên):
176
+ - Đọc `@trace.domain` từ frontmatter của target file (nếu Gate đã nạp một target file)
177
+ - Trích xuất từ path target file: `domain` = segment đầu tiên sau base path `specs_dir`; `prd_slug` = segment kế tiếp (folder feature-package). Điều này đúng mọi độ sâu target — xem quy tắc trích xuất `prd_slug` Bước 1.
178
+ *(vd: `specs/user/create-account/USR01-create-account.md` **và** `specs/user/create-account/bdd/system/UC1.feature` đều → domain = `user`, prd_slug = `create-account`)*
179
+ - Nếu `$ARGUMENTS` chứa một path, trích xuất segment domain sau `specs_dir`
180
180
 
181
- **2. Route to service** — if active domain matches a key in `services`:
182
- - Override `paths.specs_dir` → `services.{domain}.specs_dir` — **only if `setup.spec_source` is NOT set.** When `spec_source` IS set, ALL BDD (web/app/**system**) is a shared cross-team artifact leave `specs_dir` for step 4 to route to the spec repo; do NOT pin it per-service here.
183
- - Override `paths.tech_docs_dir` → `services.{domain}.tech_docs_dir` — **only if `setup.spec_source` is NOT set.** When `spec_source` IS set, the tech-design (API contract) is a cross-team artifact and must live in the shared spec repo (handled in step 4), so leave `tech_docs_dir` for step 4 to route — do NOT pin it per-service here.
184
- - Store `active_service` = `services.{domain}.path`
185
- - Store `active_service_module` = `services.{domain}.module`
186
- - If service has its own `module` → use it as `active_module` (overrides `tech_stack.module`)
181
+ **2. Route tới service** — nếu active domain khớp với một key trong `services`:
182
+ - Override `paths.specs_dir` → `services.{domain}.specs_dir` — **chỉ khi `setup.spec_source` KHÔNG được đặt.** Khi `spec_source` ĐƯỢC đặt, MỌI BDD (web/app/**system**) artifact dùng chung liên team → để bước 4 route sang spec repo; KHÔNG pin theo service ở đây.
183
+ - Override `paths.tech_docs_dir` → `services.{domain}.tech_docs_dir` — **chỉ khi `setup.spec_source` KHÔNG được đặt.** Khi `spec_source` ĐƯỢC đặt, tech-design (API contract) artifact liên team phải nằm trong spec repo dùng chung (xử bước 4), nên để bước 4 route `tech_docs_dir` KHÔNG pin theo service ở đây.
184
+ - Lưu `active_service` = `services.{domain}.path`
185
+ - Lưu `active_service_module` = `services.{domain}.module`
186
+ - Nếu service `module` riêng dùng làm `active_module` (override `tech_stack.module`)
187
187
 
188
- **3. Fallback** — if domain not detected or no matching service key:
189
- - Keep default paths from Step 1
190
- - Set `active_service = unresolved`
188
+ **3. Fallback** — nếu không phát hiện được domain hoặc không có service key khớp:
189
+ - Giữ path mặc định từ Bước 1
190
+ - Đặt `active_service = unresolved`
191
191
 
192
- **4. Spec source auto-override** — if `setup.spec_source` is set AND the corresponding path was not already explicitly set in `paths:`:
193
- - Override `paths.specs_dir` → `{spec_source}/specs` — **always when `spec_source` is set.** All spec artifacts (PRD, BDD, tech-docs, design-spec) live under the unified spec root in the shared spec repo using the feature-package layout: `{spec_source}/specs/{domain}/{prd-slug}/`. Every umbrella (FE/App/BE) reads from here. *(Per-service `specs/` only when there is no `spec_source`.)*
194
- - Override `paths.tech_docs_dir` → `{spec_source}/specs` — **always when `spec_source` is set** (step 2 no longer pins tech-docs per-service in this case). Tech-docs live at `{spec_source}/specs/{domain}/{prd-slug}/tech-docs/`. The tech-design IS the cross-team API contract: BE authors it here, and FE/App read it from the same spec submodule at `/generate-code --phase=integration`. *(Per-service tech-docs only happen when there is no `spec_source` — a pure multi-service BE repo with no shared spec module.)*
192
+ **4. Tự động override theo spec source** — nếu `setup.spec_source` được đặt path tương ứng chưa được set tường minh trong `paths:`:
193
+ - Override `paths.specs_dir` → `{spec_source}/specs` — **luôn khi `spec_source` được đặt.** Mọi spec artifact (PRD, BDD, tech-docs, design-spec) nằm dưới gốc spec thống nhất trong spec repo dùng chung theo bố cục feature-package: `{spec_source}/specs/{domain}/{prd-slug}/`. Mọi umbrella (FE/App/BE) đều đọc từ đây. *(`specs/` theo service chỉ khi không `spec_source`.)*
194
+ - Override `paths.tech_docs_dir` → `{spec_source}/specs` — **luôn khi `spec_source` được đặt** (bước 2 không còn pin tech-docs theo service trong trường hợp này). Tech-docs nằm tại `{spec_source}/specs/{domain}/{prd-slug}/tech-docs/`. Tech-design CHÍNH API contract liên team: BE viết đây, FE/App đọc từ cùng spec submodule tại `/generate-code --phase=integration`. *(tech-docs theo service chỉ xảy ra khi không có `spec_source` — repo BE thuần đa-service không spec module dùng chung.)*
195
195
  - Override `paths.domain_knowledge_dir` → `{spec_source}/specs/domain-knowledge`
196
196
  - Override `paths.business_dictionary` → `{spec_source}/specs/domain-knowledge/business-dictionary.md`
197
197
  - Override `paths.core_entities` → `{spec_source}/specs/domain-knowledge/core-entities.md`
198
198
  - Override `paths.bug_reports_dir` → `{spec_source}/feedback/bug-reports`
199
199
  - Override `paths.bdd_proposals_dir` → `{spec_source}/feedback/bdd-proposals`
200
200
  - Override `paths.prd_change_requests_dir` → `{spec_source}/feedback/prd-change-requests`
201
- - Override `paths.trace_dir` → `{spec_source}/.trace` — **always when `spec_source` is set.** Trace TSVs are consolidated in the spec repo (single authoritative location, no per-service split) so the PM/PO has one place to manage status. Internal structure: `.trace/{domain}/{prd-slug}/{UC-ID}.tsv`. Code-side commands (`/generate-code`, `/dev-run-test`, `/qc-run-test`) run from `service_root` but **write their trace row into `{spec_source}/.trace/{domain}/{prd-slug}/`** — like they already push `feedback/` there. *(Per-service `.trace` only when there is no `spec_source`.)*
201
+ - Override `paths.trace_dir` → `{spec_source}/.trace` — **luôn khi `spec_source` được đặt.** Trace TSV được gộp vào spec repo (một nơi authoritative duy nhất, không tách theo service) để PM/PO một chỗ duy nhất quản lý trạng thái. Cấu trúc bên trong: `.trace/{domain}/{prd-slug}/{UC-ID}.tsv`. Các lệnh phía code (`/generate-code`, `/dev-run-test`, `/qc-run-test`) chạy từ `service_root` nhưng **ghi trace row của chúng vào `{spec_source}/.trace/{domain}/{prd-slug}/`** — giống như chúng đã push `feedback/` vào đó. *(`.trace` theo service chỉ khi không `spec_source`.)*
202
202
 
203
- > **Why under `spec_source`:** PRD, BDD, tech-docs, design-spec, domain knowledge, tester feedback, **and the `.trace/` coverage state** are all **cross-team artifacts** — they live in the **shared spec repo** using the feature-package layout so every umbrella (FE/App/BE) and the PM read one source via `/sync`. In the feature-package layout, a single `specs/{domain}/{prd-slug}/` folder groups all artifact types for one PRD, making the spec repo self-contained and navigable by feature. The service submodule holds only **code** (+ build/test tooling). `.trace/` and `feedback/` are the dev/QC **write areas** in the spec repo. In single-service mode (no `spec_source`), everything defaults under the repo root still one repo.
203
+ > ** sao đặt dưới `spec_source`:** PRD, BDD, tech-docs, design-spec, domain knowledge, feedback của tester, ** trạng thái coverage `.trace/`** đều **artifact liên team** — chúng nằm trong **spec repo dùng chung** theo bố cục feature-package để mọi umbrella (FE/App/BE) PM đọc từ một nguồn qua `/sync`. Trong bố cục feature-package, một folder `specs/{domain}/{prd-slug}/` gom tất cả loại artifact của một PRD, giúp spec repo tự đủ dễ điều hướng theo feature. Service submodule chỉ chứa **code** (+ tooling build/test). `.trace/` `feedback/` khu vực **ghi** của dev/QC trong spec repo. chế độ single-service (không `spec_source`), mọi thứ mặc định dưới gốc repo — vẫn một repo.
204
204
 
205
205
  ---
206
206
 
207
- ## Step 1.6 — [SERVICE CONVENTIONS] Load service-specific conventions (umbrella mode)
207
+ ## Bước 1.6 — [SERVICE CONVENTIONS] Nạp convention riêng của service (chế độ umbrella)
208
208
 
209
- *Skip this step entirely if `active_service` is `"unresolved"` or context is single-service mode.*
209
+ *Bỏ qua hoàn toàn bước này nếu `active_service` `"unresolved"` hoặc context chế độ single-service.*
210
210
 
211
- When `active_service` has been resolved to a real path in Step 1.5 (e.g., `user-service/`):
211
+ Khi `active_service` đã được phân giải thành một path thật Bước 1.5 (vd: `user-service/`):
212
212
 
213
- **1. Locate service config** — try in priority order:
213
+ **1. Định vị config của service** — thử theo thứ tự ưu tiên:
214
214
  - `{active_service}/.agent/project-context.yaml`
215
215
  - `{active_service}/project-context.yaml`
216
216
 
217
- **2. If found, override with service-specific values:**
217
+ **2. Nếu tìm thấy, override bằng giá trị riêng của service:**
218
218
 
219
- | Variable | Source |
219
+ | Biến | Nguồn |
220
220
  |----------|--------|
221
- | `conventions.test_command` | service's `conventions.test_command` |
222
- | `conventions.build_command` | service's `conventions.build_command` |
223
- | `paths.trace_dir` | **If `spec_source` is setkeep the Step 4 spec-repo route (`{spec_source}/.trace`); ignore any service-level `trace_dir`.** Only when there is no `spec_source`: `{active_service}/{service paths.trace_dir}` (default `{active_service}/.trace`). |
224
- | `paths.specs_dir` | **If `spec_source` is setkeep the Step 4 spec-repo route (`{spec_source}/specs`); ignore any service-level `specs_dir`** (all spec artifacts are cross-team, never per-service in this mode). Only when there is no `spec_source`: `{active_service}/{service paths.specs_dir}` if set, else the Step 1.5 override. |
221
+ | `conventions.test_command` | `conventions.test_command` của service |
222
+ | `conventions.build_command` | `conventions.build_command` của service |
223
+ | `paths.trace_dir` | **Nếu `spec_source` được đặtgiữ route spec-repo của bước 4 (`{spec_source}/.trace`); bỏ qua mọi `trace_dir` cấp service.** Chỉ khi không `spec_source`: `{active_service}/{service paths.trace_dir}` (mặc định `{active_service}/.trace`). |
224
+ | `paths.specs_dir` | **Nếu `spec_source` được đặtgiữ route spec-repo của bước 4 (`{spec_source}/specs`); bỏ qua mọi `specs_dir` cấp service** (mọi spec artifact đều liên team, không bao giờ theo service chế độ này). Chỉ khi không `spec_source`: `{active_service}/{service paths.specs_dir}` nếu được set, else dùng override ở Bước 1.5. |
225
225
 
226
- **3. Store** `service_root = {active_service}` as the working directory anchor for all downstream commands:
227
- - Shell commands (`/dev-run-test`, `/dev-gen-test`) run **from within** `service_root`
228
- - **Source/test files** are written relative to `service_root`; **trace TSVs** are written to `{paths.trace_dir}` (the spec repo when `spec_source` is seta cross-repo write, committed/pushed to the spec submodule like `feedback/`).
226
+ **3. Lưu** `service_root = {active_service}` làm mốc thư mục làm việc cho mọi lệnh phía sau:
227
+ - Các lệnh shell (`/dev-run-test`, `/dev-gen-test`) chạy **bên trong** `service_root`
228
+ - **File source/test** được ghi tương đối với `service_root`; **trace TSV** được ghi vào `{paths.trace_dir}` ( spec repo khi `spec_source` được đặtmột thao tác ghi liên-repo, commit/push vào spec submodule giống như `feedback/`).
229
229
 
230
- **4. If service config not found** — keep umbrella defaults, still set `service_root = {active_service}` (path anchor is always needed even without a config override).
230
+ **4. Nếu không tìm thấy config của service** — giữ mặc định umbrella, vẫn set `service_root = {active_service}` (luôn cần mốc path kể cả khi không config override).
231
231
 
232
232
  ---
233
233
 
234
- ## Step 2 — [PROJECT-CONFIG] Load module stack profile (conditional)
234
+ ## Bước 2 — [PROJECT-CONFIG] Nạp module stack profile (có điều kiện)
235
235
 
236
- If `tech_stack.module` is set, read `.agent/modules/{module}/stack-profile.yaml`.
237
- Merge framework-specific conventions (layer patterns, test patterns, naming rules) into the loaded context.
238
- If the file does not existskip silently.
236
+ Nếu `tech_stack.module` được đặt, đọc `.agent/modules/{module}/stack-profile.yaml`.
237
+ Merge các convention riêng của framework (layer pattern, test pattern, quy tắc đặt tên) vào context đã nạp.
238
+ Nếu file không tồn tạibỏ qua âm thầm.
239
239
 
240
240
  ---
241
241
 
242
- ## Step 3 — [CRITICAL] Load CLAUDE.md (layered: root + service overlay)
242
+ ## Bước 3 — [CRITICAL] Nạp CLAUDE.md (phân tầng: root + service overlay)
243
243
 
244
- *This is the highest-priority contextit defines HOW to write code and documents for this project.*
244
+ *Đây context ưu tiên cao nhất định nghĩa CÁCH viết code tài liệu cho dự án này.*
245
245
 
246
- CLAUDE.md is loaded in **two layers** so umbrella-wide rules and service-specific
247
- architecture/coding standards compose correctly. The agent always sits at the umbrella
248
- root, but the implementation code lives in a service submodule with its OWN stack,
249
- architecture, and conventions — so the service's CLAUDE.md must win for code generation.
246
+ CLAUDE.md được nạp theo **hai tầng** để các quy tắc toàn-umbrella kiến trúc/coding standards
247
+ riêng của service kết hợp đúng cách. Agent luôn đứng gốc umbrella, nhưng code triển khai nằm
248
+ trong một service submodule với stack, kiến trúc, convention RIÊNG của — nên CLAUDE.md của
249
+ service phải thắng khi sinh code.
250
250
 
251
- **Layer 1 — [BASE] Root CLAUDE.md (umbrella-wide).**
252
- Read `CLAUDE.md` at the repo root. Treat its contents as the **shared baseline** for the
253
- whole umbrella git conventions, data-protection posture, cross-cutting rules, and (in
254
- single-service mode) the project's only architecture + coding standards.
251
+ **Tầng 1 — [BASE] Root CLAUDE.md (toàn umbrella).**
252
+ Đọc `CLAUDE.md` gốc repo. Coi nội dung của **nền tảng dùng chung** cho cả umbrella —
253
+ git convention, thế bảo vệ dữ liệu, quy tắc xuyên suốt, (ở chế độ single-service) là
254
+ kiến trúc + coding standards duy nhất của dự án.
255
255
 
256
- **Layer 2 — [OVERLAY] Service CLAUDE.md (umbrella mode only).**
257
- *Run only if `service_root` was set in Step 1.6 (i.e. a real service was routed to).*
258
- Read `{service_root}/CLAUDE.md`. This file defines the architecture + coding standards of
259
- the **actual stack being implemented** (e.g. `user-service` = java-spring, `web` = nextjs).
260
- Overlay it on top of Layer 1: **on any conflict, the service value WINS** for architecture,
261
- coding standards, and error handling. Layer-1 values that the service does not redefine
262
- (e.g. git conventions, banned patterns shared org-wide) remain in effect.
256
+ **Tầng 2 — [OVERLAY] Service CLAUDE.md (chỉ chế độ umbrella).**
257
+ *Chỉ chạy nếu `service_root` đã được set Bước 1.6 (tức đã route tới một service thật).*
258
+ Đọc `{service_root}/CLAUDE.md`. File này định nghĩa kiến trúc + coding standards của **stack
259
+ thực sự đang được triển khai** (vd: `user-service` = java-spring, `web` = nextjs).
260
+ Overlay lên trên Tầng 1: **khi xung đột, giá trị của service THẮNG** cho kiến trúc,
261
+ coding standards, error handling. Các giá trị Tầng 1 mà service không định nghĩa lại
262
+ (vd: git convention, banned pattern dùng chung toàn tổ chức) vẫn hiệu lực.
263
263
 
264
- From the **merged** result, extract and store:
264
+ Từ kết quả **đã merge**, trích xuất và lưu:
265
265
 
266
- - **§1 Project Overview** → project name, language, framework, build/test commands, domains
267
- - **§2 Architecture** → layer order (e.g., Controller → Facade → Service → Repository), architectural rules — *service overlay wins*
268
- - **§3 Coding Standards** → naming conventions (classes, methods), response wrapper type, forbidden patterns — *service overlay wins*
269
- - **§5 Error Handling** → exception types, HTTP status code mapping, not-found exception class name — *service overlay wins*
270
- - **§7 Git Conventions** → branch naming pattern, commit message format — *root baseline unless service redefines*
266
+ - **§1 Project Overview** → tên dự án, ngôn ngữ, framework, lệnh build/test, domains
267
+ - **§2 Architecture** → thứ tự layer (vd: Controller → Facade → Service → Repository), quy tắc kiến trúc — *service overlay thắng*
268
+ - **§3 Coding Standards** → quy tắc đặt tên (class, method), kiểu response wrapper, pattern bị cấm — *service overlay thắng*
269
+ - **§5 Error Handling** → kiểu exception, mapping HTTP status code, tên class not-found exception — *service overlay thắng*
270
+ - **§7 Git Conventions** → pattern đặt tên branch, format commit message — *lấy theo root trừ khi service định nghĩa lại*
271
271
 
272
- **Resolution rules:**
273
- - If both layers exist → merge as above; record `claude_md_source = root + {service_root}`.
274
- - If only the service overlay exists (no root CLAUDE.md) → use the service file alone; `claude_md_source = {service_root}`.
275
- - If `service_root` is set but `{service_root}/CLAUDE.md` is **missing** → fall back to root CLAUDE.md and flag ⚠️ in the Step 7 recap (the service has no architecture/coding-standards definition — code generation will use umbrella defaults, which may be the wrong stack).
276
- - If neither existsnote CLAUDE.md as missing and continue with project-context.yaml data only.
272
+ **Quy tắc phân giải:**
273
+ - Nếu cả hai tầng tồn tại → merge như trên; ghi `claude_md_source = root + {service_root}`.
274
+ - Nếu chỉ service overlay (không root CLAUDE.md) → dùng file service một mình; `claude_md_source = {service_root}`.
275
+ - Nếu `service_root` được set nhưng `{service_root}/CLAUDE.md` **thiếu** → fallback về root CLAUDE.md gắn cờ ⚠️ trong recap Bước 7 (service không định nghĩa kiến trúc/coding-standards — việc sinh code sẽ dùng mặc định umbrella, thể sai stack).
276
+ - Nếu cả hai đều không tồn tại ghi nhận CLAUDE.md thiếu tiếp tục chỉ với dữ liệu từ project-context.yaml.
277
277
 
278
278
  ---
279
279
 
280
- ## Step 4 — [SAFETY] Load Data Protection Rules
280
+ ## Bước 4 — [SAFETY] Nạp quy tắc bảo vệ dữ liệu
281
281
 
282
- Read `.agent/rules/data-protection.md` (or `rules/data-protection.md` from the framework installation).
282
+ Đọc `.agent/rules/data-protection.md` (hoặc `rules/data-protection.md` từ bản cài đặt framework).
283
283
 
284
- Store the sensitive file patternsyou must **never** read, write, display, or reference content from files matching those patterns for the entire session.
284
+ Lưu các pattern file nhạy cảm bạn **tuyệt đối không** đọc, ghi, hiển thị, hay tham chiếu nội dung từ các file khớp những pattern đó trong suốt cả phiên.
285
285
 
286
- If neither file existsapply built-in defaults: never access `.env*`, `*.key`, `*.pem`, `*secret*`, `*password*`, `*credential*`.
286
+ Nếu cả hai file đều không tồn tại áp dụng mặc định built-in: không bao giờ truy cập `.env*`, `*.key`, `*.pem`, `*secret*`, `*password*`, `*credential*`.
287
287
 
288
288
  ---
289
289
 
290
- ## Step 5 — [DOMAIN] Load Business Dictionary (conditional)
290
+ ## Bước 5 — [DOMAIN] Nạp Business Dictionary (có điều kiện)
291
291
 
292
- Check if the business dictionary file exists (use `paths.business_dictionary` resolved in Step 1).
292
+ Kiểm tra file business dictionary tồn tại không (dùng `paths.business_dictionary` đã phân giải ở Bước 1).
293
293
 
294
- If it exists, read it and extract:
295
- - **Canonical Terms** → complete list of approved terms and their definitions
296
- - **Banned Terms** → complete list of banned terms and their canonical replacements
297
- - **Status / Enum Registry** → allowed enum values per entity
294
+ Nếu tồn tại, đọc trích xuất:
295
+ - **Canonical Terms** → danh sách đầy đủ các thuật ngữ chuẩn và định nghĩa
296
+ - **Banned Terms** → danh sách đầy đủ các thuật ngữ bị cấm và bản thay thế chuẩn
297
+ - **Status / Enum Registry** → các giá trị enum được phép theo từng entity
298
298
 
299
- Store the banned terms list for **active enforcement** throughout the command session:
300
- - When generating any text (PRD, BDD, code comments, tech docs), verify no banned terms appear
301
- - Replace banned terms with their canonical equivalents automatically
299
+ Lưu danh sách banned term để **thực thi chủ động** suốt phiên làm việc của lệnh:
300
+ - Khi sinh bất kỳ văn bản nào (PRD, BDD, comment code, tech docs), kiểm tra không có banned term nào xuất hiện
301
+ - Tự động thay banned term bằng bản chuẩn tương đương
302
302
 
303
- If the file does not existskip silently. Do not warn or block.
303
+ Nếu file không tồn tạibỏ qua âm thầm. Không cảnh báo hay chặn.
304
304
 
305
305
  ---
306
306
 
307
- ## Step 6 — [DOMAIN] Load Core Entities (conditional)
307
+ ## Bước 6 — [DOMAIN] Nạp Core Entities (có điều kiện)
308
308
 
309
- Check if the core entities file exists at `paths.core_entities` (resolved in Step 1).
310
- Default path: `specs/domain-knowledge/core-entities.md`.
309
+ Kiểm tra file core entities tồn tại tại `paths.core_entities` không (đã phân giải ở Bước 1).
310
+ Path mặc định: `specs/domain-knowledge/core-entities.md`.
311
311
 
312
- If it exists, read it and store:
313
- - **Entity catalog** → for each entity: its name, purpose, owner service, key fields (name + type), business invariants, and relationships
314
- - **Field name registry** → canonical field names to use in generated code and documents
315
- - **Relationship map** → how entities relate to each other (1:N, N:N, embedded, etc.)
312
+ Nếu tồn tại, đọc lưu:
313
+ - **Entity catalog** → với mỗi entity: tên, mục đích, service sở hữu, các field chính (tên + kiểu), business invariant, quan hệ
314
+ - **Field name registry** → tên field chuẩn dùng trong code tài liệu được sinh ra
315
+ - **Relationship map** → cách các entity liên hệ với nhau (1:N, N:N, embedded, v.v.)
316
316
 
317
- **How to use this catalog:**
318
- - When generating code: use the field names, types, and relationships defined heredo NOT infer from existing code
319
- - When generating PRD/BDD: reference entity names from this catalog for consistency
320
- - When generating tech-docs: use this catalog as the source-of-truth for entity definitions
317
+ **Cách dùng catalog này:**
318
+ - Khi sinh code: dùng tên field, kiểu, quan hệ định nghĩa ở đây KHÔNG suy đoán từ code có sẵn
319
+ - Khi sinh PRD/BDD: tham chiếu tên entity từ catalog này để nhất quán
320
+ - Khi sinh tech-docs: dùng catalog này làm nguồn chân lý cho định nghĩa entity
321
321
 
322
- If the file does not existskip silently.
322
+ Nếu file không tồn tạibỏ qua âm thầm.
323
323
 
324
324
  ---
325
325
 
326
- ## Step 6.5 — [PLATFORM] Derive active_module and platform_type
326
+ ## Bước 6.5 — [PLATFORM] Suy ra active_module platform_type
327
327
 
328
- Using `tech_stack.module` loaded in Step 1, derive and store two variables for use by all downstream commands:
328
+ Dùng `tech_stack.module` đã nạp Bước 1, suy ra lưu hai biến để mọi lệnh phía sau dùng:
329
329
 
330
330
  ```
331
- active_module = tech_stack.module (e.g. "java-spring", "react", "flutter")
331
+ active_module = tech_stack.module (vd: "java-spring", "react", "flutter")
332
332
  ```
333
333
 
334
334
  | `platform_type` | Modules |
@@ -337,98 +337,98 @@ active_module = tech_stack.module (e.g. "java-spring", "react", "flutter")
337
337
  | `web-frontend` | `react`, `nextjs`, `vue`, `nuxt`, `angular` |
338
338
  | `mobile` | `flutter`, `react-native`, `ios-swiftui`, `android-compose` |
339
339
 
340
- If `tech_stack.module` is blank or not recognized → set `platform_type = "unknown"` and flag as ⚠️ in the Step 7 recap.
340
+ Nếu `tech_stack.module` rỗng hoặc không nhận diện được → set `platform_type = "unknown"` gắn cờ ⚠️ trong recap Bước 7.
341
341
 
342
- These two variables (`active_module`, `platform_type`) are the canonical source for all branching logic in commands that need platform-specific behavior (dev-gen-test, debug, fix-bug, dev-smoke-test).
342
+ Hai biến này (`active_module`, `platform_type`) nguồn chuẩn cho mọi logic rẽ nhánh trong các lệnh cần hành vi riêng theo platform (dev-gen-test, debug, fix-bug, dev-smoke-test).
343
343
 
344
344
  ---
345
345
 
346
- ## Step 6.7 — [GUARDRAILS] Load Project Lessons (conditional)
346
+ ## Bước 6.7 — [GUARDRAILS] Nạp Project Lessons (có điều kiện)
347
347
 
348
- *Accumulated mistakes the AI must not repeat in this project. These are added over time via `/learn`
349
- or accepted during `/review-code`, `/fix-bug`, `/debug`.*
348
+ *Các lỗi tích luỹ mà AI không được lặp lại trong dự án này. Chúng được bổ sung dần qua `/learn`
349
+ hoặc được chấp nhận trong `/review-code`, `/fix-bug`, `/debug`.*
350
350
 
351
- Resolve the lessons file path:
352
- - Use `paths.lessons_file` if set (may be service-overridden in umbrella mode, Step 1.6)
353
- - Else default `specs/domain-knowledge/lessons-learned.md`
354
- - In umbrella/service mode (when `service_root` is set), if `paths.lessons_file` is unset, default to `{service_root}/.agent/project-lessons.md`
351
+ Phân giải path file lessons:
352
+ - Dùng `paths.lessons_file` nếu được set ( thể bị service override ở chế độ umbrella, Bước 1.6)
353
+ - Else mặc định `specs/domain-knowledge/lessons-learned.md`
354
+ - chế độ umbrella/service (khi `service_root` được set), nếu `paths.lessons_file` chưa set, mặc định `{service_root}/.agent/project-lessons.md`
355
355
 
356
- If the file exists, read it and store ALL lessons as **ACTIVE GUARDRAILS** for the session:
357
- - Treat each lesson's **Rule** as a hard constraintsame priority as CLAUDE.md coding standards (Step 3).
358
- - Before generating or modifying any artifact (PRD, BDD, tech-doc, code, test), check the output against every lesson whose `category` matches the current command AND whose `scope` matches the target (domain / file).
359
- - If a generated output would violate a lesson → correct it **before** presenting, and note which lesson (`L-NNN`) was applied.
356
+ Nếu file tồn tại, đọc lưu TẤT CẢ lesson làm **GUARDRAIL ĐANG HOẠT ĐỘNG** cho phiên:
357
+ - Coi **Rule** của mỗi lesson ràng buộc cứng cùng mức ưu tiên với coding standards trong CLAUDE.md (Bước 3).
358
+ - Trước khi sinh hoặc sửa bất kỳ artifact nào (PRD, BDD, tech-doc, code, test), đối chiếu output với mọi lesson `category` khớp lệnh hiện tại `scope` khớp target (domain / file).
359
+ - Nếu output sinh ra vi phạm một lesson → sửa **trước khi** trình bày, ghi lesson nào (`L-NNN`) đã được áp dụng.
360
360
 
361
- If the file does not existskip silently (no lessons captured yet).
361
+ Nếu file không tồn tạibỏ qua âm thầm (chưa lesson nào được ghi nhận).
362
362
 
363
363
  ---
364
364
 
365
- ## Step 7 — [RECAP] Working Memory Recap (anti-lost-in-middle)
365
+ ## Bước 7 — [RECAP] Working Memory Recap (chống lost-in-middle)
366
366
 
367
- After loading all context, synthesize and output a compact summary block.
368
- This recap ensures the most critical facts are stated at the END of context loading
369
- (recency effect freshest in working memory when the task begins).
367
+ Sau khi nạp toàn bộ context, tổng hợp xuất một khối tóm tắt gọn.
368
+ Recap này đảm bảo các sự thật quan trọng nhất được nêu CUỐI quá trình nạp context
369
+ (hiệu ứng recency — tươi mới nhất trong bộ nhớ làm việc khi bắt đầu task).
370
370
 
371
- Output exactly this block:
371
+ Xuất đúng khối này:
372
372
  ```
373
373
  [CTX LOADED]
374
374
  Stack : {language} / {framework} / {database}
375
375
  Platform : {active_module} ({platform_type})
376
- Layers : {layer order from merged CLAUDE.md §2, e.g., Controller → Facade → Service → Repository}
377
- CLAUDE.md : {root + {service_root} | {service_root} only | root only | ⚠️ service overlay MISSINGusing root | missing}
376
+ Layers : {thứ tự layer từ CLAUDE.md §2 đã merge, vd: Controller → Facade → Service → Repository}
377
+ CLAUDE.md : {root + {service_root} | chỉ {service_root} | chỉ root | ⚠️ service overlay THIẾUdùng root | missing}
378
378
  Ticket : {ticket_prefix}-
379
379
  Dict : {loaded — N canonical terms, M banned terms | missing}
380
380
  Entities : {loaded — EntityA, EntityB, EntityC | missing}
381
- Lessons : {loaded — N guardrails | none yet}
381
+ Lessons : {loaded — N guardrails | chưa }
382
382
  Service : {active_service} ({active_service_module}) | single-service
383
- Svc Root : {service_root} — conventions + trace_dir loaded from service config | —
384
- Status : {FULL | PARTIAL — missing: CLAUDE.md / business-dict / core-entities | MINIMAL}
383
+ Svc Root : {service_root} — đã nạp conventions + trace_dir từ config service | —
384
+ Status : {FULL | PARTIAL — thiếu: CLAUDE.md / business-dict / core-entities | MINIMAL}
385
385
  ```
386
386
 
387
- If any CRITICAL file is missing (CLAUDE.md), flag it clearly so the user can decide whether to proceed.
387
+ Nếu bất kỳ file CRITICAL nào thiếu (CLAUDE.md), gắn cờ ràng để người dùng quyết định tiếp tục hay không.
388
388
 
389
389
  ---
390
390
 
391
- ## Context Load Complete
391
+ ## Hoàn tất nạp Context
392
392
 
393
- After completing all steps, you have loaded:
394
- - Project identity, tech stack, module conventions
395
- - Architecture rules and layer order ← **[CRITICAL — hold in working memory]**
396
- - Coding standards and naming conventions ← **[CRITICAL — hold in working memory]**
397
- - Data protection rules (sensitive file patterns to never access)
398
- - Terminology rules with banned-term list ← **[DOMAIN — apply to every generated word]**
399
- - Entity catalog (field names, types, invariants) ← **[DOMAIN — use for code generation]**
400
- - All configured paths
393
+ Sau khi hoàn thành tất cả các bước, bạn đã nạp:
394
+ - Định danh dự án, tech stack, convention module
395
+ - Quy tắc kiến trúc và thứ tự layer ← **[CRITICAL — giữ trong bộ nhớ làm việc]**
396
+ - Coding standards quy tắc đặt tên ← **[CRITICAL — giữ trong bộ nhớ làm việc]**
397
+ - Quy tắc bảo vệ dữ liệu (pattern file nhạy cảm không bao giờ truy cập)
398
+ - Quy tắc thuật ngữ kèm danh sách banned term ← **[DOMAIN — áp dụng cho mọi từ được sinh ra]**
399
+ - Entity catalog (tên field, kiểu, invariant) ← **[DOMAIN — dùng khi sinh code]**
400
+ - Toàn bộ path đã cấu hình
401
401
 
402
- Proceed to the next step of the calling command.
402
+ Tiếp tục sang bước kế tiếp của lệnh đang gọi.
403
403
 
404
404
 
405
- *Additional context for this command: Read the full target PRD. Extract: **TICKET-ID**, **domain**, **feature name**, **Service** and **Module** from PRD metadata (rows `| **Service** |` and `| **Module** |`), User Flow (Section 4a), and Wireframe screen names (Section 4b).*
405
+ *Context bổ sung cho lệnh này: Đọc toàn bộ PRD target. Trích xuất: **TICKET-ID**, **domain**, **tên feature**, **Service** **Module** từ metadata PRD (row `| **Service** |` `| **Module** |`), User Flow (Section 4a), tên màn hình Wireframe (Section 4b).*
406
406
 
407
- *Service extraction rules (same as /generate-prd):*
408
- - *If PRD metadata has `| **Service** |` → use as `active_service` and `| **Module** |` as `active_module`.*
409
- - *If absent AND `services` defined in `project-context.yaml` → ask: "Which service is this Design Spec for?" (list FE/App services only, wait for selection).*
410
- - *If single-service project → `active_service = "default"`, `active_module = tech_stack.module`.*
407
+ *Quy tắc trích xuất Service (giống /generate-prd):*
408
+ - *Nếu metadata PRD `| **Service** |` → dùng làm `active_service` `| **Module** |` làm `active_module`.*
409
+ - *Nếu vắng `services` được định nghĩa trong `project-context.yaml` → hỏi: "Design Spec này dành cho service nào?" (chỉ liệt kê service FE/App, chờ chọn).*
410
+ - *Nếu dự án single-service → `active_service = "default"`, `active_module = tech_stack.module`.*
411
411
 
412
412
  ---
413
413
 
414
414
  ## Platform Check
415
415
 
416
- Using `active_module` and `platform_type` derived from context loading:
416
+ Dùng `active_module` `platform_type` suy ra từ context loading:
417
417
 
418
- 1. If `platform_type = "backend"` → **STOP**. Output:
418
+ 1. Nếu `platform_type = "backend"` → **STOP**. Xuất:
419
419
  ```
420
- ❌ Design Spec is only for FE and mobile platforms.
421
- For BE services, API contracts belong in the Business PRD (Use Case → Business Logic section).
420
+ ❌ Design Spec chỉ dành cho platform FE mobile.
421
+ Với service BE, API contract thuộc về Business PRD (Use Case → section Business Logic).
422
422
  ```
423
423
 
424
- 2. If `platform_type = "web-frontend"` → set `active_platform = "web"`.
424
+ 2. Nếu `platform_type = "web-frontend"` → set `active_platform = "web"`.
425
425
 
426
- 3. If `platform_type = "mobile"`:
427
- - `flutter` or `react-native` → set `active_platform = "app"`
426
+ 3. Nếu `platform_type = "mobile"`:
427
+ - `flutter` hoặc `react-native` → set `active_platform = "app"`
428
428
  - `ios-swiftui` → set `active_platform = "app-ios"`
429
429
  - `android-compose` → set `active_platform = "app-android"`
430
430
 
431
- 4. If `platform_type = "unknown"` → ask: "Which platform is this Design Spec for?"
431
+ 4. Nếu `platform_type = "unknown"` → hỏi: "Design Spec này dành cho platform nào?"
432
432
  ```
433
433
  Options:
434
434
  1 — web (React / Next.js / Vue / Angular)
@@ -436,15 +436,15 @@ Using `active_module` and `platform_type` derived from context loading:
436
436
  3 — app-ios (iOS SwiftUI)
437
437
  4 — app-android (Android Compose)
438
438
  ```
439
- Wait for selection. Map choice to `active_platform` and infer `active_module` if possible.
439
+ Chờ chọn. Map lựa chọn sang `active_platform` suy ra `active_module` nếu được.
440
440
 
441
441
  ---
442
442
 
443
443
  ## Screen Discovery
444
444
 
445
- From the PRD's Section 4 (User Flow + Wireframe), extract all screen / page / modal names mentioned.
445
+ Từ Section 4 của PRD (User Flow + Wireframe), trích xuất mọi tên screen / page / modal được nhắc tới.
446
446
 
447
- Present the list and ask PO to confirm:
447
+ Trình bày danh sách hỏi PO xác nhận:
448
448
 
449
449
  ```
450
450
  Screens detected from PRD:
@@ -452,59 +452,59 @@ Screens detected from PRD:
452
452
  2. {Screen name 2}
453
453
  ...
454
454
 
455
- Are these all the screens for the {active_platform} platform?
456
- Add any missing, remove any that don't apply, or confirm with Y.
455
+ Đây đã đủ các màn cho platform {active_platform} chưa?
456
+ Thêm màn còn thiếu, bỏ màn không áp dụng, hoặc xác nhận bằng Y.
457
457
  ```
458
458
 
459
- Wait for confirmation. Store the confirmed list as `screen_list`.
459
+ Chờ xác nhận. Lưu danh sách đã xác nhận là `screen_list`.
460
460
 
461
461
  ---
462
462
 
463
- ## Figma Frame Links *(mandatoryone readable node-level link per screen)*
463
+ ## Figma Frame Links *(bắt buộc một link node-level đọc được cho mỗi màn)*
464
464
 
465
- A Design Spec is only as good as the design it points to. The AI **cannot read a plain
466
- file link** (`figma.com/design/{fileKey}/...` with no `node-id`) — it needs a
467
- **node-level link to each specific frame** so it can fetch that frame's real layout,
468
- components, and tokens via the Figma MCP. So collect one link **per screen**, not one
469
- link for the whole feature.
465
+ Một Design Spec chỉ tốt ngang với design trỏ tới. AI **không đọc được link file
466
+ trần** (`figma.com/design/{fileKey}/...` không `node-id`) — cần một
467
+ **link node-level tới từng frame cụ thể** để fetch layout, component, token thật của
468
+ frame đó qua Figma MCP. Vậy nên thu thập một link **mỗi màn**, không phải một
469
+ link cho cả feature.
470
470
 
471
- **Ask the PO, listing every screen in `screen_list`:**
471
+ **Hỏi PO, liệt mọi màn trong `screen_list`:**
472
472
 
473
473
  ```
474
- Paste the Figma frame link for each screen below.
474
+ Dán link Figma frame cho từng màn bên dưới.
475
475
 
476
- In Figma: select the frame → right-click → "Copy link to selection"
477
- (the URL must contain ?node-id=... — that is the per-frame link the AI can read)
476
+ Trong Figma: chọn frame → chuột phải → "Copy link to selection"
477
+ (URL phải chứa ?node-id=... — đó link per-frame AI đọc được)
478
478
 
479
479
  1. {Screen 1} : ____
480
480
  2. {Screen 2} : ____
481
481
  ...
482
482
 
483
- If a screen has no design yet, type none for that screen.
483
+ Nếu một màn chưa design, none cho màn đó.
484
484
  ```
485
485
 
486
- **For each answer:**
486
+ **Với mỗi câu trả lời:**
487
487
 
488
- 1. **Validate format** — the URL must match `figma.com/design/{fileKey}/...?node-id={nodeId}`.
489
- - Validstore as `figma_frames[{screen}] = {url}`, parse out `fileKey` + `nodeId`.
490
- - A file link with **no `node-id`** → reject it: "This link points to the whole file, not a frame. Re-copy via right-click → Copy link to selection." Re-ask for that screen.
491
- - `none` → `figma_frames[{screen}] = "TBD"`, mark that screen ❌ Missing.
488
+ 1. **Validate format** — URL phải khớp `figma.com/design/{fileKey}/...?node-id={nodeId}`.
489
+ - Hợp lệ lưu thành `figma_frames[{screen}] = {url}`, parse ra `fileKey` + `nodeId`.
490
+ - Link file **không `node-id`** → từ chối: "Link này trỏ tới cả file, không phải một frame. Copy lại qua chuột phải → Copy link to selection." Hỏi lại màn đó.
491
+ - `none` → `figma_frames[{screen}] = "TBD"`, đánh dấu màn đó ❌ Missing.
492
492
 
493
- 2. **Fetch the frame via Figma MCP** (only for valid links) — call `get_design_context`
494
- (and `get_screenshot` when useful) with the parsed `fileKey` + `nodeId` to read the
495
- real layout, component names, and design tokens. Ground every Screen Spec in this
496
- fetched data; do **not** invent layout the frame does not show. If a fetch fails
497
- (permission / not found) → treat that screen as ❌ Missing and note the fetch error.
493
+ 2. **Fetch frame qua Figma MCP** (chỉ với link hợp lệ) — gọi `get_design_context`
494
+ ( `get_screenshot` khi hữu ích) với `fileKey` + `nodeId` đã parse để đọc
495
+ layout, tên component, design token thật. Đặt mọi Screen Spec dựa trên dữ liệu
496
+ đã fetch này; **đừng** bịa layout frame không thể hiện. Nếu fetch thất bại
497
+ (permission / not found) → coi màn đó ❌ Missing ghi chú lỗi fetch.
498
498
 
499
- 3. Derive the feature-level `figma_url` = the file link (without `node-id`) shared by the
500
- frames, for the Metadata row. If frames span multiple files, list each.
499
+ 3. Suy ra `figma_url` mức feature = link file (không `node-id`) chung của các
500
+ frame, cho row Metadata. Nếu các frame trải nhiều file, liệt kê từng cái.
501
501
 
502
- **Mandatory gate (does not abort — produces a draft):**
503
- - If **any** screen is ❌ Missing → the spec is generated as a **draft** with those screens
504
- flagged, but `Status` stays `draft` and **sign-off / `/generate-bdd` is blocked** until
505
- every screen has a readable, fetched frame link. Record `missing_frames = [screens]`.
506
- - Add one AI Assumption per missing screen: "No readable Figma frame for {screen} — spec
507
- for this screen is text-only and must not be signed off until a `node-id` link is added."
502
+ **Gate bắt buộc (không abort — sinh ra draft):**
503
+ - Nếu **bất kỳ** màn nào ❌ Missing → spec được sinh dưới dạng **draft** với các màn đó
504
+ được gắn cờ, nhưng `Status` vẫn `draft` **sign-off / `/generate-bdd` bị chặn** cho tới khi
505
+ mọi màn link frame đọc được, đã fetch. Ghi `missing_frames = [screens]`.
506
+ - Thêm một AI Assumption cho mỗi màn thiếu: "Không Figma frame đọc được cho {screen} — spec
507
+ của màn này chỉ text không được sign off cho tới khi thêm link `node-id`."
508
508
 
509
509
  ---
510
510
 
@@ -518,58 +518,58 @@ Platform : {active_platform}
518
518
  Module : {active_module}
519
519
  Service : {active_service}
520
520
  Domain : {domain}
521
- Screens : {N} — {comma-separated screen_list}
522
- Figma : {linked}/{N} screens have readable frame links{; missing: comma-separated missing_frames}
521
+ Screens : {N} — {screen_list ngăn cách bởi dấu phẩy}
522
+ Figma : {linked}/{N} màn link frame đọc được{; missing: missing_frames ngăn cách bởi dấu phẩy}
523
523
  Output path : {paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec-{active_platform}-{slug}.md
524
524
 
525
- {If missing_frames non-empty}:
526
- ⚠️ {count} screen(s) without a readable Figma frame linkthese will be generated as
527
- text-only drafts and the spec cannot be signed off until their node-id links are added.
525
+ {Nếu missing_frames khác rỗng}:
526
+ ⚠️ {count} màn không link Figma frame đọc được các màn này sẽ được sinh dưới dạng
527
+ draft chỉ-text spec không thể sign off cho tới khi thêm link node-id.
528
528
 
529
529
  Generate? (Y/N)
530
530
  ```
531
531
 
532
- Wait for explicit Y before proceeding.
532
+ Chờ Y ràng trước khi tiếp tục.
533
533
 
534
534
  ---
535
535
 
536
536
  ## Generation Rules
537
537
 
538
- Apply these rules consistently when generating all sections:
538
+ Áp dụng các quy tắc này nhất quán khi sinh mọi section:
539
539
 
540
- **Component mapping (C.M — mandatory):**
541
- - For each component referenced, check `figma-components/{active_module}.md` (loaded in context).
542
- - ✅ Matched → use the exact `Code Component` and `Import Path` from the catalog.
543
- - ⚠️ Matched but `[TODO]` → mark the component cell as `[TODO — implementation pending]`.
544
- - ❌ Not in catalog → mark as `[NEW — confirm with designer before generating code]`.
545
- - Never invent component names or import paths.
540
+ **Component mapping (C.M — bắt buộc):**
541
+ - Với mỗi component được tham chiếu, kiểm tra `figma-components/{active_module}.md` (đã nạp trong context).
542
+ - ✅ Matched → dùng đúng `Code Component` `Import Path` từ catalog.
543
+ - ⚠️ Matched nhưng `[TODO]` → đánh dấu ô component `[TODO — implementation pending]`.
544
+ - ❌ Không trong catalog → đánh dấu `[NEW — confirm with designer before generating code]`.
545
+ - Không bao giờ bịa tên component hay import path.
546
546
 
547
- **Platform-adaptive sections:**
548
- - Section 3 (Interaction Patterns) and Section 4 (Platform Considerations) adapt to `active_platform`:
549
- - `web` → include responsive breakpoints, hover/focus states, keyboard navigation, accessibility.
550
- - `app` / `app-ios` / `app-android` → include gestures, safe area, minimum touch targets, navigation pattern, deep links, permissions, offline behavior.
551
- - Only generate the section relevant to `active_platform`. Omit the other platform's section entirely.
547
+ **Section thích ứng theo platform:**
548
+ - Section 3 (Interaction Patterns) Section 4 (Platform Considerations) thích ứng theo `active_platform`:
549
+ - `web` → gồm responsive breakpoint, trạng thái hover/focus, keyboard navigation, accessibility.
550
+ - `app` / `app-ios` / `app-android` → gồm gesture, safe area, touch target tối thiểu, navigation pattern, deep link, permission, hành vi offline.
551
+ - Chỉ sinh section liên quan tới `active_platform`. Bỏ hẳn section của platform kia.
552
552
 
553
- **Figma grounding (mandatory):**
554
- - For every screen with a fetched frame (`figma_frames[screen]` is a valid link), base the
555
- Layout, Component Inventory, and Screen States on the **fetched Figma data** — real
556
- component names, real tokens, real frame structure. Do not contradict or invent layout.
557
- - Use the exact per-screen `figma_frames[screen]` URL in the Screen Inventory, each Screen
558
- Spec header, and the Figma Summary — never a synthetic `{figma_url}#screen1` fragment.
559
- - For ❌ Missing screens: generate a text-only draft from the PRD, prefix the Screen Spec
560
- with `> [DRAFT — no Figma frame; do not sign off]`, and leave the Figma cell as ❌ Missing.
553
+ **Figma grounding (bắt buộc):**
554
+ - Với mỗi màn frame đã fetch (`figma_frames[screen]` link hợp lệ), dựa Layout,
555
+ Component Inventory, Screen States trên **dữ liệu Figma đã fetch** — tên component thật,
556
+ token thật, cấu trúc frame thật. Đừng mâu thuẫn hay bịa layout.
557
+ - Dùng đúng URL `figma_frames[screen]` từng-màn trong Screen Inventory, header mỗi Screen
558
+ Spec, Figma Summary — không bao giờ dùng fragment giả `{figma_url}#screen1`.
559
+ - Với màn ❌ Missing: sinh draft chỉ-text từ PRD, thêm tiền tố vào Screen Spec
560
+ `> [DRAFT — no Figma frame; do not sign off]`, để ô Figma ❌ Missing.
561
561
 
562
- **Screen states (mandatory per screen):**
563
- - Every screen must document at minimum: `default`, `loading`, `error`.
564
- - Add `empty` when the screen can display zero-data state.
565
- - Add `success` when a completed action produces a distinct confirmation state.
566
- - If a state does not applymark `N/A` with a short reason.
562
+ **Screen states (bắt buộc mỗi màn):**
563
+ - Mỗi màn phải tả tối thiểu: `default`, `loading`, `error`.
564
+ - Thêm `empty` khi màn thể hiển thị trạng thái không dữ liệu.
565
+ - Thêm `success` khi một action hoàn tất tạo ra trạng thái xác nhận riêng biệt.
566
+ - Nếu một state không áp dụngđánh dấu `N/A` kèm do ngắn.
567
567
 
568
568
  ---
569
569
 
570
570
  ## Generate
571
571
 
572
- Write `{paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec-{active_platform}-{slug}.md`:
572
+ Ghi `{paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec-{active_platform}-{slug}.md`:
573
573
 
574
574
  ````markdown
575
575
  # {TICKET-ID} {Feature Name} — Design Spec [{active_platform}]
@@ -587,42 +587,42 @@ Write `{paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec
587
587
  | **Module** | {active_module} |
588
588
  | **Service** | {active_service} |
589
589
  | **Domain** | {domain} |
590
- | **Business PRD** | [{TICKET-ID}]({relative-path-to-prd.md}) |
591
- | **Figma** | {figma_url — feature file link} ({linked}/{N} frames linked) |
592
- | **Author** | {PO name or "AI-assisted"} |
590
+ | **Business PRD** | [{TICKET-ID}](../{TICKET-ID}-{prd-slug}.md) |
591
+ | **Figma** | {figma_url — link file feature} ({linked}/{N} frame đã link) |
592
+ | **Author** | {tên PO hoặc "AI-assisted"} |
593
593
  | **Created** | {YYYY-MM-DD} |
594
594
  | **Updated** | {YYYY-MM-DD} |
595
595
 
596
596
  ---
597
597
 
598
- # 1. Screen Inventory
598
+ # 1. Danh mục màn hình (Screen Inventory)
599
599
 
600
- | # | Screen Name | Entry Point | Figma Frame | Notes |
600
+ | # | Tên màn hình | Điểm vào | Figma Frame | Ghi chú |
601
601
  |---|-------------|-------------|-------------|-------|
602
- | 1 | {Screen 1} | {how user arrivese.g., tap CTA on Home} | [Frame]({figma_frames[Screen 1]}) | |
603
- | 2 | {Screen 2} | {entry point} | [Frame]({figma_frames[Screen 2]}) / ❌ Missing | |
602
+ | 1 | {Màn hình 1} | {người dùng đến từ đâu vd: tap CTA Home} | [Frame]({figma_frames[Screen 1]}) | |
603
+ | 2 | {Màn hình 2} | {điểm vào} | [Frame]({figma_frames[Screen 2]}) / ❌ Missing | |
604
604
 
605
605
  ---
606
606
 
607
- # 2. Screen Specs
607
+ # 2. Đặc tả màn hình (Screen Specs)
608
608
 
609
609
  <!--
610
- Repeat this block for every screen in the Screen Inventory.
611
- Each screen must have: Layout, Component Inventory, Screen States, Actions & Navigation.
610
+ Lặp lại block này cho mỗi màn trong Screen Inventory.
611
+ Mỗi màn phải có: Layout, Component Inventory, Screen States, Actions & Navigation.
612
612
  -->
613
613
 
614
- ## Screen 1: {Screen Name}
614
+ ## Màn hình 1: {Tên màn hình}
615
615
 
616
- **Figma**: [{Frame name}]({figma_frames[Screen 1]}) <!-- ❌ Missing → prefix this screen with `> [DRAFT — no Figma frame; do not sign off]` -->
616
+ **Figma**: [{Tên frame}]({figma_frames[Screen 1]}) <!-- ❌ Missing → thêm tiền tố cho màn này `> [DRAFT — no Figma frame; do not sign off]` -->
617
617
 
618
618
  ### Layout
619
619
 
620
- {Describe the layout: grid columns, max-width container, section order, padding, key spacing values.
621
- Reference design tokens where applicable (e.g., `spacing.md = 16px`, `color.surface`).}
620
+ { tả layout: số cột grid, container max-width, thứ tự section, padding, giá trị spacing chính.
621
+ Tham chiếu design token nếu áp dụng được (vd: `spacing.md = 16px`, `color.surface`).}
622
622
 
623
623
  ### Component Inventory
624
624
 
625
- | Component (Figma) | Code Component | Import Path | States | Notes |
625
+ | Component (Figma) | Code Component | Import Path | States | Ghi chú |
626
626
  |---------------------|-----------------|------------------------|---------------------------------|--------------------|
627
627
  | {Figma/Button/Primary} | Button | @/components/ui/Button | default, loading, disabled | |
628
628
  | {Figma/Input/Text} | TextInput | @/components/ui/Input | default, focus, error, disabled | |
@@ -630,171 +630,171 @@ Write `{paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec
630
630
 
631
631
  ### Screen States
632
632
 
633
- | State | Trigger | UI Behavior |
633
+ | State | Trigger | Hành vi UI |
634
634
  |-----------|-------------------------------------|--------------------------------------------------------------|
635
- | default | Screen loaded, data available | {Describe full rendered appearance} |
636
- | loading | API call in flight | {Skeleton layout / spinner position reference component} |
637
- | error | API failure or validation error | {Toast / inline message / error screenexact copy TBD} |
638
- | empty | API returns empty list / no data | {Empty state illustration + CTA text e.g., "No orders yet. Start shopping →"} |
639
- | success | Action completed (if applicable) | {Confirmation message / navigation / state change} |
635
+ | default | Màn đã load, dữ liệu | { tả toàn bộ giao diện đã render} |
636
+ | loading | API đang gọi | {Layout skeleton / vị trí spinner — tham chiếu component} |
637
+ | error | API thất bại hoặc lỗi validation | {Toast / message inline / màn lỗi — copy chính xác TBD} |
638
+ | empty | API trả về list rỗng / không dữ liệu | {Illustration empty state + text CTA — vd: "Chưa order. Bắt đầu mua sắm →"} |
639
+ | success | Action hoàn tất (nếu áp dụng) | {Message xác nhận / điều hướng / thay đổi trạng thái} |
640
640
 
641
641
  ### Actions & Navigation
642
642
 
643
- | Action | Trigger | Result |
643
+ | Action | Trigger | Kết quả |
644
644
  |-----------------|--------------------------------|-------------------------------------------------|
645
- | {Action name} | Tap/click {element name} | Navigate to {Screen N} / Open {Modal name} |
646
- | {Action name} | Swipe left on {list item} | Show delete confirmation |
647
- | {Back / Cancel} | Back gesture / Cancel button | Return to {previous screen} without saving |
645
+ | {Tên action} | Tap/click {tên phần tử} | Điều hướng tới {Màn hình N} / Mở {Tên modal} |
646
+ | {Tên action} | Swipe trái trên {list item} | Hiện xác nhận xoá |
647
+ | {Back / Cancel} | Cử chỉ back / nút Cancel | Quay lại {màn trước} không lưu |
648
648
 
649
649
  ---
650
650
 
651
- <!-- Repeat ## Screen N block for each additional screen -->
651
+ <!-- Lặp lại block ## Màn hình N cho mỗi màn bổ sung -->
652
652
 
653
653
  ---
654
654
 
655
- # 3. Interaction Patterns
655
+ # 3. Pattern tương tác (Interaction Patterns)
656
656
 
657
657
  <!--
658
- Web platform: include sections A + B. Remove section C.
659
- App platform: include section C. Remove sections A + B.
658
+ Platform web: gồm section A + B. Bỏ section C.
659
+ Platform app: gồm section C. Bỏ section A + B.
660
660
  -->
661
661
 
662
- <!-- ═══════════════════════════ WEB ONLY ═══════════════════════════ -->
662
+ <!-- ═══════════════════════════ CHỈ WEB ═══════════════════════════ -->
663
663
 
664
- ## A. Responsive Behavior *(web only)*
664
+ ## A. Hành vi Responsive *(chỉ web)*
665
665
 
666
- | Breakpoint | Width | Layout Changes |
666
+ | Breakpoint | Width | Thay đổi layout |
667
667
  |------------|------------|----------------------------------------------------|
668
- | Mobile | < 768px | {Single column, bottom navigation bar, CTA full-width} |
669
- | Tablet | 768–1279px | {2-column grid, sidebar collapsed, tab navigation} |
670
- | Desktop | ≥ 1280px | {Full layout, sidebar visible, max-width 1440px} |
668
+ | Mobile | < 768px | {1 cột, bottom navigation bar, CTA full-width} |
669
+ | Tablet | 768–1279px | {grid 2 cột, sidebar thu gọn, tab navigation} |
670
+ | Desktop | ≥ 1280px | {layout đầy đủ, sidebar hiển thị, max-width 1440px}|
671
671
 
672
- ## B. Hover / Focus / Keyboard *(web only)*
672
+ ## B. Hover / Focus / Keyboard *(chỉ web)*
673
673
 
674
- | Element | Hover state | Focus state | Keyboard shortcut |
674
+ | Phần tử | Trạng thái Hover | Trạng thái Focus | Phím tắt |
675
675
  |----------------|-------------------------------|---------------------------------|-------------------|
676
676
  | Primary button | Background → {color.hover} | Outline 2px {color.focus} | Enter / Space |
677
- | Text input | Border → {color.border.hover} | Border → {color.primary}, label floats | Tab to focus |
678
- | Dropdown | Background highlight | Same as hover + ring | Arrow keys to navigate |
677
+ | Text input | Border → {color.border.hover} | Border → {color.primary}, label nổi | Tab to focus |
678
+ | Dropdown | Highlight nền | Giống hover + ring | Phím mũi tên điều hướng |
679
679
 
680
- <!-- ═══════════════════════════ APP ONLY ═══════════════════════════ -->
680
+ <!-- ═══════════════════════════ CHỈ APP ═══════════════════════════ -->
681
681
 
682
- ## C. Gestures & Navigation *(app only)*
682
+ ## C. Cử chỉ & Điều hướng *(chỉ app)*
683
683
 
684
- | Gesture | Screen / Element | Behavior |
684
+ | Cử chỉ | Màn / Phần tử | Hành vi |
685
685
  |-------------------|---------------------------|-------------------------------------------------------|
686
- | Back gesture (iOS swipe-right / Android back) | All screens | {Return to previous screen / Show "Discard changes?" dialog} |
687
- | Pull-to-refresh | {Screen names} | Refresh data, spinner at top |
688
- | Swipe left on row | {List item name} | Reveal {Delete / Archive} action |
689
- | Long press | {Element name} | {Context menu / selection mode} |
690
- | Pinch / zoom | {Image viewer} | Scale image, double-tap to reset |
686
+ | Cử chỉ back (iOS swipe-right / Android back) | Mọi màn | {Quay lại màn trước / Hiện dialog "Discard changes?"} |
687
+ | Pull-to-refresh | {Tên màn} | Refresh dữ liệu, spinner trên cùng |
688
+ | Swipe trái trên row | {Tên list item} | Hiện action {Delete / Archive} |
689
+ | Long press | {Tên phần tử} | {Context menu / chế độ chọn} |
690
+ | Pinch / zoom | {Image viewer} | Scale ảnh, double-tap để reset |
691
691
 
692
- ### Navigation Pattern *(app only)*
692
+ ### Navigation Pattern *(chỉ app)*
693
693
 
694
694
  ```
695
- {Draw the navigation stack for this feature, e.g.:
695
+ {Vẽ navigation stack cho feature này, vd:
696
696
  BottomTab(Home) → FeatureListPage → FeatureDetailPage → EditPage
697
697
  BottomTab(Home) → FeatureListPage ↘ (modal) CreatePage
698
698
  }
699
699
  ```
700
700
 
701
- Entry: {how the user enters this feature — tab / deeplink / push from another screen}
702
- Exit: {how the user leaves — back stack / tab switch / deeplink out}
701
+ Entry: {người dùng vào feature này thế nào — tab / deeplink / push từ màn khác}
702
+ Exit: {người dùng rời thế nào — back stack / chuyển tab / deeplink out}
703
703
 
704
- ### Platform Conventions *(app only)*
704
+ ### Platform Conventions *(chỉ app)*
705
705
 
706
- | Aspect | iOS behavior | Android behavior |
706
+ | Khía cạnh | Hành vi iOS | Hành vi Android |
707
707
  |--------------------------|-----------------------------------------|-----------------------------------------|
708
- | Navigation bar | {Back button top-left, title centered} | {Up arrow top-left, title left-aligned} |
709
- | Sheet / bottom modal | {UISheetPresentation, grabber visible} | {BottomSheet, drag handle} |
710
- | Alert / confirm dialog | {UIAlertController, actions right-aligned} | {Material AlertDialog, actions left-aligned} |
708
+ | Navigation bar | {Nút back trên-trái, title canh giữa} | {Mũi tên Up trên-trái, title canh trái} |
709
+ | Sheet / bottom modal | {UISheetPresentation, hiện grabber} | {BottomSheet, drag handle} |
710
+ | Alert / confirm dialog | {UIAlertController, action canh phải} | {Material AlertDialog, action canh trái}|
711
711
  | Loading indicator | {UIActivityIndicatorView, center} | {CircularProgressIndicator} |
712
712
  | Toast / snackbar | {Custom toast, bottom center} | {Material Snackbar, bottom} |
713
713
 
714
714
  ---
715
715
 
716
- # 4. Platform Considerations
716
+ # 4. Cân nhắc theo Platform (Platform Considerations)
717
717
 
718
718
  <!--
719
- Web: include section A. App: include section B. Remove the non-applicable section.
719
+ Web: gồm section A. App: gồm section B. Bỏ section không áp dụng.
720
720
  -->
721
721
 
722
- <!-- ═══════════════════════════ WEB ONLY ═══════════════════════════ -->
722
+ <!-- ═══════════════════════════ CHỈ WEB ═══════════════════════════ -->
723
723
 
724
- ## A. Accessibility *(web only)*
724
+ ## A. Accessibility *(chỉ web)*
725
725
 
726
- - [ ] All interactive elements reachable via Tab key no keyboard traps
727
- - [ ] Focus trap inside modal dialogs (Tab cycles within modal only)
728
- - [ ] Icon-only buttons have `aria-label` describing the action
729
- - [ ] Dynamic content updates (loading → loaded) announce via `aria-live`
730
- - [ ] Color contrast meets WCAG AA: text ≥ 4.5:1, large text ≥ 3:1
731
- - [ ] Form inputs have visible labels (not placeholder-only)
732
- - [ ] Error messages linked to inputs via `aria-describedby`
726
+ - [ ] Mọi phần tử tương tác tới được bằng phím Tab — không keyboard trap
727
+ - [ ] Focus trap bên trong modal dialog (Tab chỉ chạy vòng trong modal)
728
+ - [ ] Nút chỉ-icon `aria-label` tả hành động
729
+ - [ ] Cập nhật nội dung động (loading → loaded) thông báo qua `aria-live`
730
+ - [ ] Tương phản màu đạt WCAG AA: text ≥ 4.5:1, text lớn ≥ 3:1
731
+ - [ ] Input form label hiển thị (không chỉ placeholder)
732
+ - [ ] Message lỗi liên kết với input qua `aria-describedby`
733
733
 
734
- <!-- ═══════════════════════════ APP ONLY ═══════════════════════════ -->
734
+ <!-- ═══════════════════════════ CHỉ APP ═══════════════════════════ -->
735
735
 
736
- ## B. Device & OS *(app only)*
736
+ ## B. Thiết bị & OS *(chỉ app)*
737
737
 
738
- - [ ] Safe area insets applied on all screens top (status bar) and bottom (home indicator)
739
- - [ ] Minimum touch target: 44×44pt (iOS) / 48×48dp (Android)
740
- - [ ] Tested on small screen: 375pt wide (iPhone SE) / 360dp wide (common Android)
741
- - [ ] Deep link entry: `{scheme}://{host}/{path}` → lands on {screen name} with {param} pre-filled
742
- - [ ] Permission gates: {list permissions needed — Camera / Location / Notification}
743
- - {Permission}: requested on {screen name} with rationale copy: "{copy TBD}"
744
- - [ ] Offline / no-network behavior:
745
- - {Screen name}: show cached data + offline banner
746
- - {Action name}: disable button, show tooltip "Requires connection"
747
- - [ ] Dark mode: all screens tested in dark mode — no hardcoded colors
738
+ - [ ] Áp dụng safe area insets mọi màntrên (status bar) dưới (home indicator)
739
+ - [ ] Touch target tối thiểu: 44×44pt (iOS) / 48×48dp (Android)
740
+ - [ ] Đã test trên màn nhỏ: rộng 375pt (iPhone SE) / rộng 360dp (Android phổ biến)
741
+ - [ ] Deep link entry: `{scheme}://{host}/{path}` → vào {tên màn} với {param} đã điền sẵn
742
+ - [ ] Permission gate: {liệt permission cần — Camera / Location / Notification}
743
+ - {Permission}: yêu cầu {tên màn} với copy lý do: "{copy TBD}"
744
+ - [ ] Hành vi offline / không mạng:
745
+ - {Tên màn}: hiện dữ liệu cache + banner offline
746
+ - {Tên action}: disable nút, hiện tooltip "Requires connection"
747
+ - [ ] Dark mode: mọi màn đã test dark mode — không màu hardcode
748
748
 
749
749
  ---
750
750
 
751
- # 5. AC-UI — Design Acceptance Criteria
751
+ # 5. AC-UI — Tiêu chí chấp nhận về Design
752
752
 
753
- > Reviewed and signed off by **PO + Designer** together before BDD generation.
754
- > These complement (not replace) the business-level AC in the [Business PRD]({prd-path}).
753
+ > Được **PO + Designer** cùng review và sign off trước khi sinh BDD.
754
+ > Bổ sung cho (không thay thế) AC mức nghiệp vụ trong [Business PRD]({prd-path}).
755
755
 
756
- | ID | Acceptance Criterion | Verified by |
756
+ | ID | Tiêu chí chấp nhận | Verified by |
757
757
  |--------|--------------------------------------------------------------------------------|-----------------|
758
- | AC-UI1 | All screens match approved Figma frames within design-system tolerances | Designer |
759
- | AC-UI2 | Loading skeleton/spinner appears within 200ms of initiating any API call | QA |
760
- | AC-UI3 | All error messages are visible, descriptive, and include a recovery action | PO |
761
- | AC-UI4 | Empty states include an illustration and a clear call-to-action | PO + Designer |
762
- | AC-UI5 | {Platform-specifice.g., web: "All screens pass WCAG AA contrast check"} | QA |
763
- | AC-UI6 | {Platform-specifice.g., app: "Back gesture on all screens returns to correct previous screen"} | QA |
764
- | AC-UI7 | {Feature-specific UI criterion from Business PRD wireframe section} | PO |
758
+ | AC-UI1 | Mọi màn khớp frame Figma đã duyệt trong dung sai design-system | Designer |
759
+ | AC-UI2 | Skeleton/spinner loading xuất hiện trong 200ms kể từ khi gọi API | QA |
760
+ | AC-UI3 | Mọi message lỗi đều hiển thị, rõ ràng, kèm action khôi phục | PO |
761
+ | AC-UI4 | Empty state illustration call-to-action rõ ràng | PO + Designer |
762
+ | AC-UI5 | {Riêng platform vd web: "Mọi màn pass kiểm tra tương phản WCAG AA"} | QA |
763
+ | AC-UI6 | {Riêng platform vd app: "Cử chỉ back mọi màn quay về đúng màn trước"} | QA |
764
+ | AC-UI7 | {Tiêu chí UI riêng của feature từ section wireframe của Business PRD} | PO |
765
765
 
766
766
  ---
767
767
 
768
768
  # Appendix
769
769
 
770
- ## Figma Summary
770
+ ## Tóm tắt Figma
771
771
 
772
- | Screen | Figma Frame | Link / Fetch Status |
772
+ | Màn hình | Figma Frame | Trạng thái Link / Fetch |
773
773
  |-----------------|--------------------------------------|--------------------------------------|
774
- | {Screen 1} | [Link]({figma_frames[Screen 1]}) | ✅ Linked & fetched |
775
- | {Screen 2} | — | ❌ Missing — no node-id link provided |
774
+ | {Màn hình 1} | [Link]({figma_frames[Screen 1]}) | ✅ Đã link & fetch |
775
+ | {Màn hình 2} | — | ❌ Missing — không có link node-id |
776
776
 
777
- ## Design Tokens Referenced
777
+ ## Design Token đã tham chiếu
778
778
 
779
- | Token | Value | Used in |
779
+ | Token | Value | Dùng |
780
780
  |-----------------------|---------------|---------------------------------|
781
- | `color.primary` | {#hex} | Primary buttons, links, active states |
782
- | `color.surface` | {#hex} | Card backgrounds |
783
- | `spacing.md` | {16px / 4} | Standard vertical gap |
784
- | `typography.heading2` | {font/size} | Screen titles |
781
+ | `color.primary` | {#hex} | Primary button, link, active state |
782
+ | `color.surface` | {#hex} | Nền card |
783
+ | `spacing.md` | {16px / 4} | Khoảng cách dọc tiêu chuẩn |
784
+ | `typography.heading2` | {font/size} | Title màn hình |
785
785
 
786
- ## References
786
+ ## Tài liệu tham khảo
787
787
 
788
- - [{TICKET-ID}]({prd-path}) — Business PRD (source of AC, UC, BR)
789
- - {[Other Design Spec](./other-ds.md) — if this feature shares screens}
788
+ - [{TICKET-ID}]({prd-path}) — Business PRD (nguồn của AC, UC, BR)
789
+ - {[Design Spec khác](./other-ds.md) — nếu feature này dùng chung màn}
790
790
 
791
- ## AI Assumptions
791
+ ## Giả định AI
792
792
 
793
- > Each assumption below was made because PO input was incomplete.
794
- > PO must review and confirm before sign-off.
793
+ > Mỗi giả định dưới đây được đưa ra vì input PO chưa đầy đủ.
794
+ > PO phải review confirm trước khi sign-off.
795
795
 
796
- - {Assumption 1 — [AI DRAFT]}
797
- - {One per ❌ Missing screen: "No readable Figma frame for {screen} — text-only draft; blocks sign-off until a node-id link is added."}
796
+ - {Giả định 1 — [AI DRAFT]}
797
+ - {Một dòng cho mỗi màn ❌ Missing: "Không Figma frame đọc được cho {screen} — draft chỉ-text; chặn sign-off cho tới khi thêm link node-id."}
798
798
 
799
799
  ---
800
800
 
@@ -806,64 +806,64 @@ Exit: {how the user leaves — back stack / tab switch / deeplink out}
806
806
 
807
807
  <!--
808
808
  NEXT STEPS:
809
- 1. Fill any Missing Figma frame links (node-id links) — re-run to fetch & ground them.
810
- 2. Share with Designer — verify Figma links, update component inventory.
811
- 3. PO + Designer sign off: change Status → "approved" (only allowed when 0 screens are ❌ Missing).
812
- 4. Run /generate-bdd "{prd-file}" — BDD uses AC-UI from this spec for FE scenarios.
809
+ 1. Điền các link Figma frame còn ❌ Missing (link node-id) — chạy lại để fetch & ground chúng.
810
+ 2. Chia sẻ với Designer — xác minh link Figma, cập nhật component inventory.
811
+ 3. PO + Designer sign off: đổi Status → "approved" (chỉ cho phép khi 0 màn ❌ Missing).
812
+ 4. Chạy /generate-bdd "{prd-file}" — BDD dùng AC-UI từ spec này cho FE scenario.
813
813
  -->
814
814
  ````
815
815
 
816
816
  ---
817
817
 
818
- ## Quality Checklist *(verify before writing)*
818
+ ## Quality Checklist *(kiểm tra trước khi ghi)*
819
819
 
820
- - [ ] Every screen in Screen Inventory has a complete Screen Spec in Section 2
821
- - [ ] Every screen has at minimum: default, loading, error states defined
822
- - [ ] All Figma components mapped in Component Inventory — unmapped flagged as `[NEW]` or `[TODO]`
823
- - [ ] Only the platform-relevant section generated in Section 3 (no web section in app docs, and vice versa)
824
- - [ ] Only the platform-relevant section generated in Section 4
825
- - [ ] AC-UI items are testable (clear pass/fail, not "looks good")
826
- - [ ] Business PRD cross-reference link is valid relative path
827
- - [ ] Every screen has a node-level Figma frame link (`?node-id=`) — and screens with a link were fetched via Figma MCP and used to ground the spec
828
- - [ ] Each ❌ Missing screen is flagged in-spec (`> [DRAFT — no Figma frame...]`), listed in Figma Summary, and has an AI Assumption
829
- - [ ] If any screen is ❌ Missing → Status stays `draft` and the Output below blocks `/generate-bdd`
820
+ - [ ] Mọi màn trong Screen Inventory Screen Spec đầy đủ ở Section 2
821
+ - [ ] Mọi màn tối thiểu các state: default, loading, error
822
+ - [ ] Mọi component Figma đã map trong Component Inventory — chưa map thì gắn cờ `[NEW]` hoặc `[TODO]`
823
+ - [ ] Chỉ sinh section liên quan platform ở Section 3 (không section web trong doc app, ngược lại)
824
+ - [ ] Chỉ sinh section liên quan platform ở Section 4
825
+ - [ ] Các mục AC-UI testable (pass/fail rõ ràng, không phải "looks good")
826
+ - [ ] Link cross-reference Business PRD relative path hợp lệ
827
+ - [ ] Mọi màn link Figma frame node-level (`?node-id=`) — các màn link đã được fetch qua Figma MCP dùng để ground spec
828
+ - [ ] Mỗi màn ❌ Missing được gắn cờ trong spec (`> [DRAFT — no Figma frame...]`), liệt trong Figma Summary, một AI Assumption
829
+ - [ ] Nếu bất kỳ màn nào ❌ Missing → Status giữ `draft` Output bên dưới chặn `/generate-bdd`
830
830
 
831
831
  ---
832
832
 
833
833
  ## Output
834
834
 
835
- # Report Footer — Standard Command Output Format
835
+ # Report Footer — Định dạng output chuẩn cho mọi lệnh
836
836
 
837
- Every command report must end with this standard footer section.
837
+ Mọi report của lệnh phải kết thúc bằng section footer chuẩn này.
838
838
 
839
839
  ## Status Badge
840
840
 
841
- Choose one based on outcome:
842
- - `✅ Complete` — all steps succeeded, no issues found
843
- - `❌ Failed` — command could not complete due to a blocking error
844
- - `⚠️ Warnings` — completed with non-blocking issues that should be reviewed
841
+ Chọn một theo kết quả:
842
+ - `✅ Complete` — mọi bước thành công, không vấn đề
843
+ - `❌ Failed` — lệnh không hoàn thành được do lỗi chặn
844
+ - `⚠️ Warnings` — hoàn thành nhưng vấn đề không chặn, nên review lại
845
845
 
846
846
  ## Output Artifacts
847
847
 
848
- List every file created or modified by this command:
848
+ Liệt mọi file được tạo hoặc sửa bởi lệnh này:
849
849
  ```
850
850
  Output Artifacts:
851
- {created|updated} {file-path} ({brief description})
852
- {created|updated} {file-path} ({brief description})
851
+ {created|updated} {file-path} ({ tả ngắn})
852
+ {created|updated} {file-path} ({ tả ngắn})
853
853
  ```
854
854
 
855
- If no files were written (e.g., review or analysis commands) → write `Output Artifacts: none (read-only)`.
855
+ Nếu không ghi file nào (vd: lệnh review hoặc phân tích) → ghi `Output Artifacts: none (read-only)`.
856
856
 
857
857
  ## Pipeline Position
858
858
 
859
- Print a one-line map of the pipeline with the CURRENT command's phase marked `◀ bạn ở đây`,
860
- so the user always sees where this command sits in the end-to-end flow:
859
+ In một đồ pipeline một dòng, đánh dấu phase của lệnh HIỆN TẠI bằng `◀ bạn ở đây`,
860
+ để người dùng luôn thấy lệnh này nằm đâu trong luồng end-to-end:
861
861
 
862
862
  ```
863
863
  Discovery → PRD → [Design Spec] → BDD → Tech Design → Code → Dev Self-Check → QC → Trace Audit
864
864
  ```
865
865
 
866
- Find the current command in this phase legend and mark **its** phase in the map above:
866
+ Tìm lệnh hiện tại trong bảng phase dưới đây đánh dấu **phase của nó** trong sơ đồ trên:
867
867
 
868
868
  | Phase | Commands |
869
869
  |-------|----------|
@@ -877,82 +877,82 @@ Find the current command in this phase legend and mark **its** phase in the map
877
877
  | QC | `/qc-analyze` · `/qc-plan` · `/qc-design-test` · `/qc-review` · `/qc-run-test` · `/qc-report` |
878
878
  | Trace Audit | `/validate-traces` |
879
879
 
880
- For a **review command**, also append the 3-step review loop with the current step marked, e.g.:
880
+ Với **lệnh review**, thêm vòng review 3 bước đánh dấu bước hiện tại, vd:
881
881
  `Vòng review: [① phân tích ◀] → ② Review Board → ③ --resume`.
882
882
 
883
- **Cross-cutting commands** (`/sync`, `/update-framework`, `/fix-bug`, `/debug`, `/learn`,
884
- `/report-bug`, `/propose-scenario`, `/generate-spec-manifest`) sit outside the linear pipeline
885
- **omit the Pipeline line entirely** for these (do not force-fit them onto the map).
883
+ **Lệnh xuyên suốt** (`/sync`, `/update-framework`, `/fix-bug`, `/debug`, `/learn`,
884
+ `/report-bug`, `/propose-scenario`, `/generate-spec-manifest`) nằm ngoài pipeline tuyến tính
885
+ **bỏ hẳn dòng Pipeline** cho các lệnh này (đừng cố nhét chúng vào đồ).
886
886
 
887
- ## Next Command Suggestion
887
+ ## Gợi ý lệnh tiếp theo
888
888
 
889
- Suggest the logical next command based on workflow phase:
889
+ Gợi ý lệnh kế tiếp hợp theo phase của workflow:
890
890
 
891
- | Current command | Suggest next |
891
+ | Lệnh hiện tại | Gợi ý lệnh tiếp theo |
892
892
  |-------------------------|-----------------------------------------------|
893
- | /setup-ai-first | `/define-product` to start your first feature |
893
+ | /setup-ai-first | `/define-product` để bắt đầu feature đầu tiên |
894
894
  | /define-product | `/generate-prd {product-definition-file}` |
895
- | /generate-prd | `/refine-prd {prd-file}` then `/review-context {prd-file}` |
896
- | /refine-prd | Open Review Board → update PRD → `/review-context {prd-file}` |
897
- | /review-context (PRD) | FE/App: `/generate-design-spec {prd-file}` (then BDD after sign-off); BE: `/generate-bdd {prd-file}` directly; fix PRD if NEEDS_FIX |
898
- | /generate-design-spec | Designer review → Figma links confirmed → PO + Designer sign-off → `/generate-bdd {prd-file}` |
899
- | /generate-bdd | `/review-context {feature-file}` to verify coverage |
900
- | /review-context (BDD) | `/generate-tech-docs {UC-ID}` if APPROVED; regenerate if NEEDS_FIX |
901
- | /qc-analyze | `/qc-plan {UC-ID}` (resolve 🔴 blocker gaps first) |
895
+ | /generate-prd | `/refine-prd {prd-file}` rồi `/review-context {prd-file}` |
896
+ | /refine-prd | Mở Review Board → cập nhật PRD → `/review-context {prd-file}` |
897
+ | /review-context (PRD) | FE/App: `/generate-design-spec {prd-file}` (rồi BDD sau khi sign-off); BE: `/generate-bdd {prd-file}` trực tiếp; sửa PRD nếu NEEDS_FIX |
898
+ | /generate-design-spec | Designer review → xác nhận link Figma → PO + Designer sign-off → `/generate-bdd {prd-file}` |
899
+ | /generate-bdd | `/review-context {feature-file}` để kiểm tra độ phủ |
900
+ | /review-context (BDD) | `/generate-tech-docs {UC-ID}` nếu APPROVED; sinh lại nếu NEEDS_FIX |
901
+ | /qc-analyze | `/qc-plan {UC-ID}` (xử các gap blocker 🔴 trước) |
902
902
  | /qc-plan | `/qc-design-test {UC-ID}` |
903
- | /qc-design-test | `/qc-review {UC-ID}` (test-case review) |
904
- | /qc-review (test-case) | `/qc-run-test {UC-ID}` if APPROVED; fix TCs if NEEDS_FIX |
905
- | /qc-run-test | `/qc-report {UC-ID}` then `/qc-review {UC-ID}` (script review) |
906
- | /qc-review (script) | `/qc-report {UC-ID}` then create PR if APPROVED |
907
- | /qc-report | `/validate-traces {UC-ID}` to refresh Living Docs (qc_status) |
903
+ | /qc-design-test | `/qc-review {UC-ID}` (review test-case) |
904
+ | /qc-review (test-case) | `/qc-run-test {UC-ID}` nếu APPROVED; sửa TC nếu NEEDS_FIX |
905
+ | /qc-run-test | `/qc-report {UC-ID}` rồi `/qc-review {UC-ID}` (review script) |
906
+ | /qc-review (script) | `/qc-report {UC-ID}` rồi tạo PR nếu APPROVED |
907
+ | /qc-report | `/validate-traces {UC-ID}` để làm mới Living Docs (qc_status) |
908
908
  | /generate-tech-docs | `/review-tech-docs {tech-design-file}` |
909
- | /review-tech-docs | `/generate-code {feature-file}` if APPROVED; fix doc if NEEDS_FIX |
910
- | /generate-code | First gen → `/review-code {UC-ID}`; re-gen → `/dev-gen-test {UC-ID}` |
909
+ | /review-tech-docs | `/generate-code {feature-file}` nếu APPROVED; sửa doc nếu NEEDS_FIX |
910
+ | /generate-code | Lần gen đầu → `/review-code {UC-ID}`; gen lại → `/dev-gen-test {UC-ID}` |
911
911
  | /dev-gen-test | `/dev-run-test {UC-ID}` |
912
912
  | /dev-run-test (passing) | `/review-code {UC-ID}` |
913
- | /dev-run-test (failing) | `/fix-bug {ticket-id}` or `/debug {error}` |
914
- | /review-code | `/dev-smoke-test {UC-ID}` or create PR |
915
- | /dev-smoke-test | Create PR and link to ticket |
916
- | /validate-traces | DRIFT/UNTRACKED → `/generate-code {UC-ID}`; GAP → `/dev-gen-test {UC-ID}`; all OK → create PR |
917
- | /fix-bug | Create PR and link to ticket |
918
- | /debug | `/fix-bug {ticket-id}` if fix needed |
919
- | /report-bug | Send to dev (`/fix-bug {BUG-ID}`); if coverage gap → `/propose-scenario {UC-ID}` |
920
- | /propose-scenario | Notify PO/Dev to review the proposal in `feedback/bdd-proposals/` |
921
- | /learn | Continue working — lesson applies on next command |
922
- | /sync | `/validate-traces` for full coverage; act on any `📥 tester feedback` surfaced |
923
- | /update-framework | Review `git diff .agent/`, commit; `/sync` for project content |
924
-
925
- Format the footer as:
913
+ | /dev-run-test (failing) | `/fix-bug {ticket-id}` hoặc `/debug {error}` |
914
+ | /review-code | `/dev-smoke-test {UC-ID}` hoặc tạo PR |
915
+ | /dev-smoke-test | Tạo PR link tới ticket |
916
+ | /validate-traces | DRIFT/UNTRACKED → `/generate-code {UC-ID}`; GAP → `/dev-gen-test {UC-ID}`; tất cả OK → tạo PR |
917
+ | /fix-bug | Tạo PR link tới ticket |
918
+ | /debug | `/fix-bug {ticket-id}` nếu cần sửa |
919
+ | /report-bug | Gửi cho dev (`/fix-bug {BUG-ID}`); nếu thiếu coverage → `/propose-scenario {UC-ID}` |
920
+ | /propose-scenario | Báo PO/Dev review proposal trong `feedback/bdd-proposals/` |
921
+ | /learn | Tiếp tục làm việc — lesson áp dụng lệnh kế tiếp |
922
+ | /sync | `/validate-traces` để xem độ phủ đầy đủ; xử lý mọi `📥 tester feedback` được nêu |
923
+ | /update-framework | Review `git diff .agent/`, commit; `/sync` để đồng bộ nội dung dự án |
924
+
925
+ Định dạng footer như sau:
926
926
  ```
927
927
  ---
928
928
  Status : {badge}
929
- {Output Artifacts block}
929
+ {khối Output Artifacts}
930
930
  Pipeline : Discovery → PRD → [BDD ◀ bạn ở đây] → Tech Design → Code → Dev Self-Check → QC → Trace Audit
931
- (review cmd) Vòng review: [① phân tích ◀] → ② Review Board → ③ --resume
932
- Next : {suggested command with example arguments}
931
+ (lệnh review) Vòng review: [① phân tích ◀] → ② Review Board → ③ --resume
932
+ Next : {lệnh gợi ý kèm ví dụ tham số}
933
933
  ```
934
- *(Omit the `Pipeline` line for cross-cutting commands listed above.)*
934
+ *(Bỏ dòng `Pipeline` cho các lệnh xuyên suốt liệt kê ở trên.)*
935
935
 
936
936
 
937
- {If missing_frames is empty}:
937
+ {Nếu missing_frames rỗng}:
938
938
  ```
939
- /generate-design-spec Complete — {TICKET-ID} [{active_platform}]
939
+ /generate-design-spec Hoàn tất — {TICKET-ID} [{active_platform}]
940
940
  ---
941
- Status : ✅ Complete — all {N} screens linked & fetched from Figma
941
+ Status : ✅ Complete — cả {N} màn đã link & fetch từ Figma
942
942
  Output Artifacts:
943
943
  created {paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec-{active_platform}-{slug}.md (v1.0)
944
- Next : Share with Designer → PO + Designer sign-off (Status: approved)
945
- → /generate-bdd {prd-file} (generates BDD per service; reads AC-UI from Design Spec)
944
+ Next : Chia sẻ với Designer → PO + Designer sign-off (Status: approved)
945
+ → /generate-bdd {prd-file} (sinh BDD theo service; đọc AC-UI từ Design Spec)
946
946
  ```
947
947
 
948
- {If missing_frames is non-empty}:
948
+ {Nếu missing_frames khác rỗng}:
949
949
  ```
950
- /generate-design-spec Complete (DRAFT) — {TICKET-ID} [{active_platform}]
950
+ /generate-design-spec Hoàn tất (DRAFT) — {TICKET-ID} [{active_platform}]
951
951
  ---
952
- Status : ⚠️ Warnings — {count} screen(s) without a readable Figma frame: {comma-separated missing_frames}
952
+ Status : ⚠️ Warnings — {count} màn không link Figma frame đọc được: {missing_frames ngăn cách bởi dấu phẩy}
953
953
  Output Artifacts:
954
954
  created {paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec-{active_platform}-{slug}.md (v1.0, draft)
955
- Next : 🔒 Sign-off & /generate-bdd are BLOCKED until every screen has a node-id Figma link.
956
- 1. In Figma: select each missing frame → right-click → Copy link to selection
957
- 2. Re-run /generate-design-spec {prd-file} → AI fetches & grounds the new frames
955
+ Next : 🔒 Sign-off & /generate-bdd bị CHẶN cho tới khi mọi màn có link Figma node-id.
956
+ 1. Trong Figma: chọn mỗi frame còn thiếu chuột phải → Copy link to selection
957
+ 2. Chạy lại /generate-design-spec {prd-file} → AI fetch & ground các frame mới
958
958
  ```