@edupia-tutor/spec-driven-docs 0.14.0 → 0.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/commands/debug.md +435 -435
- package/commands/debug.tmpl +111 -111
- package/commands/define-product.md +330 -327
- package/commands/define-product.tmpl +50 -47
- package/commands/dev-gen-test.md +364 -364
- package/commands/dev-gen-test.tmpl +63 -63
- package/commands/dev-run-test.md +375 -375
- package/commands/dev-run-test.tmpl +74 -74
- package/commands/dev-smoke-test.md +340 -340
- package/commands/dev-smoke-test.tmpl +60 -60
- package/commands/fix-bug.md +402 -402
- package/commands/fix-bug.tmpl +78 -78
- package/commands/generate-bdd.md +512 -512
- package/commands/generate-bdd.tmpl +211 -211
- package/commands/generate-code.md +480 -482
- package/commands/generate-code.tmpl +179 -181
- package/commands/generate-design-spec.md +495 -495
- package/commands/generate-design-spec.tmpl +219 -219
- package/commands/generate-prd.md +445 -396
- package/commands/generate-prd.tmpl +45 -198
- package/commands/generate-spec-manifest.md +337 -337
- package/commands/generate-spec-manifest.tmpl +57 -57
- package/commands/generate-tech-docs.md +364 -364
- package/commands/generate-tech-docs.tmpl +84 -84
- package/commands/learn.md +346 -346
- package/commands/learn.tmpl +22 -22
- package/commands/map-testids.md +321 -321
- package/commands/map-testids.tmpl +41 -41
- package/commands/propose-scenario.md +334 -334
- package/commands/propose-scenario.tmpl +54 -54
- package/commands/qc-analyze.md +322 -323
- package/commands/qc-analyze.tmpl +42 -43
- package/commands/qc-design-test.md +303 -303
- package/commands/qc-design-test.tmpl +23 -23
- package/commands/qc-plan.md +296 -296
- package/commands/qc-plan.tmpl +16 -16
- package/commands/qc-report.md +301 -301
- package/commands/qc-report.tmpl +21 -21
- package/commands/qc-review.md +297 -297
- package/commands/qc-review.tmpl +17 -17
- package/commands/qc-run-test.md +336 -336
- package/commands/qc-run-test.tmpl +35 -35
- package/commands/refine-prd.md +426 -428
- package/commands/refine-prd.tmpl +61 -61
- package/commands/report-bug.md +350 -350
- package/commands/report-bug.tmpl +70 -70
- package/commands/review-code.md +363 -363
- package/commands/review-code.tmpl +39 -39
- package/commands/review-context.md +577 -579
- package/commands/review-context.tmpl +212 -212
- package/commands/review-tech-docs.md +426 -426
- package/commands/review-tech-docs.tmpl +146 -146
- package/commands/setup-ai-first.md +237 -237
- package/commands/setup-ai-first.tmpl +131 -131
- package/commands/sync.md +145 -145
- package/commands/sync.tmpl +93 -93
- package/commands/update-framework.md +88 -88
- package/commands/update-framework.tmpl +36 -36
- package/commands/validate-traces.md +379 -379
- package/commands/validate-traces.tmpl +99 -99
- package/core/FRAMEWORK_VERSION +1 -1
- package/core/commands/debug.md +435 -435
- package/core/commands/define-product.md +330 -327
- package/core/commands/dev-gen-test.md +364 -364
- package/core/commands/dev-run-test.md +375 -375
- package/core/commands/dev-smoke-test.md +340 -340
- package/core/commands/fix-bug.md +402 -402
- package/core/commands/generate-bdd.md +512 -512
- package/core/commands/generate-code.md +480 -482
- package/core/commands/generate-design-spec.md +495 -495
- package/core/commands/generate-prd.md +445 -396
- package/core/commands/generate-spec-manifest.md +337 -337
- package/core/commands/generate-tech-docs.md +364 -364
- package/core/commands/learn.md +346 -346
- package/core/commands/map-testids.md +321 -321
- package/core/commands/propose-scenario.md +334 -334
- package/core/commands/qc-analyze.md +322 -323
- package/core/commands/qc-design-test.md +303 -303
- package/core/commands/qc-plan.md +296 -296
- package/core/commands/qc-report.md +301 -301
- package/core/commands/qc-review.md +297 -297
- package/core/commands/qc-run-test.md +336 -336
- package/core/commands/refine-prd.md +426 -428
- package/core/commands/report-bug.md +350 -350
- package/core/commands/review-code.md +363 -363
- package/core/commands/review-context.md +577 -579
- package/core/commands/review-tech-docs.md +426 -426
- package/core/commands/setup-ai-first.md +237 -237
- package/core/commands/sync.md +145 -145
- package/core/commands/update-framework.md +88 -88
- package/core/commands/validate-traces.md +379 -379
- package/core/skills/code/SKILL.md +388 -388
- package/core/skills/debug/SKILL.md +390 -390
- package/core/skills/design-spec/SKILL.md +316 -316
- package/core/skills/discovery/SKILL.md +7 -547
- package/core/skills/prd/SKILL.md +298 -394
- package/core/skills/setup-ai-first/SKILL.md +79 -79
- package/core/skills/spec/SKILL.md +176 -176
- package/core/skills/test/SKILL.md +602 -602
- package/core/steps/capture-lesson.md +44 -44
- package/core/steps/context-loader.md +174 -174
- package/core/steps/gate.md +54 -54
- package/core/steps/report-footer.md +52 -52
- package/core/steps/review-fanout.md +85 -87
- package/core/steps/spawn-agent.md +45 -45
- package/core/steps/trace-mirror.md +21 -21
- package/core/templates/architecture.template.md +37 -37
- package/core/templates/design-spec.template.md +77 -77
- package/core/templates/platform-guide.template.md +47 -47
- package/core/templates/prd.template.md +106 -231
- package/core/templates/product-definition.template.md +101 -88
- package/docs/04-operations/publishing.md +20 -3
- package/package.json +1 -1
- package/skills/code/SKILL.md +388 -388
- package/skills/code/SKILL.tmpl +56 -56
- package/skills/debug/SKILL.md +390 -390
- package/skills/debug/SKILL.tmpl +60 -60
- package/skills/design-spec/SKILL.md +316 -316
- package/skills/design-spec/SKILL.tmpl +36 -36
- package/skills/discovery/SKILL.md +7 -547
- package/skills/discovery/SKILL.tmpl +7 -140
- package/skills/prd/SKILL.md +298 -394
- package/skills/prd/SKILL.tmpl +40 -151
- package/skills/setup-ai-first/SKILL.md +79 -79
- package/skills/setup-ai-first/SKILL.tmpl +27 -27
- package/skills/spec/SKILL.md +176 -176
- package/skills/spec/SKILL.tmpl +18 -18
- package/skills/test/SKILL.md +602 -602
- package/skills/test/SKILL.tmpl +44 -44
- package/steps/capture-lesson.md +44 -44
- package/steps/context-loader.md +174 -174
- package/steps/gate.md +54 -54
- package/steps/report-footer.md +52 -52
- package/steps/review-fanout.md +85 -87
- package/steps/spawn-agent.md +45 -45
- package/steps/trace-mirror.md +21 -21
- package/templates/architecture.template.md +37 -37
- package/templates/design-spec.template.md +77 -77
- package/templates/platform-guide.template.md +47 -47
- package/templates/prd.template.md +106 -231
- package/templates/product-definition.template.md +101 -88
|
@@ -1,145 +1,145 @@
|
|
|
1
|
-
# /generate-design-spec —
|
|
1
|
+
# /generate-design-spec — Sinh Design Specification (FE / App)
|
|
2
2
|
|
|
3
3
|
## Gate
|
|
4
|
-
# Gate —
|
|
4
|
+
# Gate — Quy trình vào chuẩn cho mọi lệnh
|
|
5
5
|
|
|
6
|
-
|
|
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
|
-
##
|
|
8
|
+
## Bước 0 — Kiểm tra chế độ Sub-Agent
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
Trước tiên, kiểm tra xem `$ARGUMENTS` có phải là payload JSON từ một orchestrator hay không:
|
|
11
11
|
|
|
12
|
-
1.
|
|
13
|
-
2.
|
|
14
|
-
- **
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
3.
|
|
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 và 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ử lý 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
|
-
##
|
|
22
|
+
## Bước 0-B — Kiểm tra Model
|
|
23
23
|
|
|
24
|
-
*
|
|
24
|
+
*Bỏ qua bước này nếu `_agent_mode: true` (sub-agent — orchestrator đã kiểm tra rồi).*
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
29
|
+
Hiển thị và chờ phản hồi:
|
|
30
30
|
|
|
31
31
|
```
|
|
32
32
|
⚙️ MODEL CHECK
|
|
33
33
|
──────────────────────────────────────────────────────────────────
|
|
34
|
-
Recommended : claude-opus-4 (
|
|
35
|
-
Why needed :
|
|
36
|
-
|
|
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
|
-
|
|
39
|
-
• Settings → Model →
|
|
40
|
-
•
|
|
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
|
-
|
|
43
|
-
Y —
|
|
44
|
-
S —
|
|
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" →
|
|
49
|
-
- "S" →
|
|
50
|
-
- "N"
|
|
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
|
-
##
|
|
52
|
+
## Bước 1 — Xác định Target File
|
|
53
53
|
|
|
54
|
-
1.
|
|
55
|
-
2.
|
|
56
|
-
- **BDD
|
|
57
|
-
- **PRD
|
|
58
|
-
- **tech-docs
|
|
59
|
-
- **design-spec
|
|
54
|
+
1. Nếu `$ARGUMENTS` được cung cấp và trỏ tới một file tồn tại → dùng trực tiếp làm target.
|
|
55
|
+
2. Nếu `$ARGUMENTS` là một **UC-ID / ticket ID / tên rút gọn** (không có 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 đó, và `**` đệ 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 là `.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 là `prd.md`): `{specs_dir}/{domain}/*/prd.md` (khớp feature folder có id tương ứng), nếu không thì `{specs_dir}/*/*/prd.md`.
|
|
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
|
-
|
|
62
|
-
3.
|
|
63
|
-
-
|
|
64
|
-
-
|
|
65
|
-
-
|
|
61
|
+
Khi một file khớp: đặt nó 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 mà 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 kê các file trong thư mục liên quan của lệnh này (vd: `specs/*/*/prd.md` 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
|
-
##
|
|
67
|
+
## Bước 2 — Chạy Context Loader
|
|
68
68
|
|
|
69
|
-
|
|
70
|
-
|
|
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
|
-
##
|
|
72
|
+
## Bước 3 — CHECKPOINT
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
Sau khi hoàn thành Bước 1 và 2, hiển thị bản tóm tắt và chờ xác nhận:
|
|
75
75
|
|
|
76
76
|
```
|
|
77
77
|
CHECKPOINT
|
|
78
78
|
-----------
|
|
79
79
|
Target : {resolved file path}
|
|
80
|
-
Project : {project.name
|
|
80
|
+
Project : {project.name từ project-context.yaml}
|
|
81
81
|
Tech stack : {language} / {framework}
|
|
82
|
-
Module : {module
|
|
83
|
-
Domains : {
|
|
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
|
-
|
|
85
|
+
Tiếp tục? (Y/N)
|
|
86
86
|
```
|
|
87
87
|
|
|
88
|
-
|
|
89
|
-
- "Y" →
|
|
90
|
-
- "N" →
|
|
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 và hỏi người dùng muốn thay đổi gì.
|
|
91
91
|
|
|
92
92
|
|
|
93
|
-
*
|
|
93
|
+
*Lưu ý: Với lệnh này, target file là một Business PRD (`prd.md`) dưới `{paths.specs_dir}/{domain}/{prd-slug}/`. Phân giải từ `$ARGUMENTS` hoặc liệt kê thư mục và hỏi. Chỉ hỗ trợ PRD của FE và mobile — PRD của BE sẽ bị từ chối ở bước Platform Check.*
|
|
94
94
|
|
|
95
95
|
## Context
|
|
96
|
-
# Context Loader —
|
|
96
|
+
# Context Loader — Nạp toàn bộ context dự án
|
|
97
97
|
|
|
98
|
-
|
|
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
|
-
**
|
|
101
|
-
-
|
|
102
|
-
-
|
|
103
|
-
-
|
|
104
|
-
-
|
|
105
|
-
-
|
|
100
|
+
**Hướng dẫn ưu tiên (chống lost-in-middle):**
|
|
101
|
+
- Bước 1–2 là PROJECT-CONFIG — nạp trước, phân giải mọi path và metadata.
|
|
102
|
+
- Bước 3 là CRITICAL — kiến trúc + coding standards, là các sự thật ưu tiên cao nhất khi sinh nội dung.
|
|
103
|
+
- Bước 4 là 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 là DOMAIN KNOWLEDGE — thuật ngữ và định nghĩa entity.
|
|
105
|
+
- Bước 7 là 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
|
-
##
|
|
109
|
+
## Bước 1 — [PROJECT-CONFIG] Nạp project-context.yaml
|
|
110
110
|
|
|
111
|
-
|
|
111
|
+
Đọc `.agent/project-context.yaml`. Trích xuất và lưu:
|
|
112
112
|
|
|
113
113
|
**Tech Stack:**
|
|
114
|
-
- `tech_stack.language` →
|
|
115
|
-
- `tech_stack.framework` →
|
|
116
|
-
- `tech_stack.build_tool` → build tool (
|
|
117
|
-
- `tech_stack.test_framework` → test framework (
|
|
118
|
-
- `tech_stack.database` → database (
|
|
119
|
-
- `tech_stack.module` →
|
|
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` →
|
|
123
|
-
- `conventions.test_command` →
|
|
124
|
-
- `conventions.service_run` →
|
|
125
|
-
- `conventions.ticket_prefix` → ticket ID
|
|
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` →
|
|
129
|
-
|
|
130
|
-
**Paths (
|
|
131
|
-
- `paths.specs_dir` → spec
|
|
132
|
-
- `paths.refinement_dir` → findings/review
|
|
133
|
-
- `paths.qc_dir` → QC automation
|
|
134
|
-
- `paths.qc_skills_dir` →
|
|
135
|
-
- `paths.product_definitions_dir` → product
|
|
136
|
-
- `paths.domain_knowledge_dir` → domain knowledge
|
|
137
|
-
- `paths.business_dictionary` → path
|
|
138
|
-
- `paths.core_entities` → path
|
|
139
|
-
- `paths.tech_docs_dir` →
|
|
140
|
-
- `paths.trace_dir` →
|
|
141
|
-
|
|
142
|
-
|
|
128
|
+
- `domains` → danh sách các business domain đang hoạt động
|
|
129
|
+
|
|
130
|
+
**Paths (nếu có):**
|
|
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}/{prd.md | bdd/ | tech-docs/ | design-spec/}`
|
|
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
|
-
|
|
154
|
+
Lưu ý: Trong bố cục feature-package, `specs_dir` là 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` là tên folder feature-package, không phải một biến config riêng.
|
|
155
155
|
|
|
156
|
-
**
|
|
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, vì 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
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` *(
|
|
159
|
-
- `specs/payment/create-invoice/bdd/web/PAY-UC1.feature` → `prd_slug = create-invoice` *(
|
|
160
|
-
- `specs/payment/create-invoice/tech-docs/PAY-UC1-tech-design.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
|
-
|
|
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, và 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 mà nó được suy ra từ đó.
|
|
164
164
|
|
|
165
|
-
|
|
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
|
-
##
|
|
169
|
+
## Bước 1.5 — [SERVICE ROUTING] Phân giải path service (chế độ umbrella)
|
|
170
170
|
|
|
171
|
-
*
|
|
171
|
+
*Bỏ qua hoàn toàn bước này nếu `setup.mode` không phải `"umbrella"` và không có section `services` trong project-context.yaml.*
|
|
172
172
|
|
|
173
|
-
|
|
173
|
+
Nếu có section `services`:
|
|
174
174
|
|
|
175
|
-
**1.
|
|
176
|
-
-
|
|
177
|
-
-
|
|
178
|
-
*(
|
|
179
|
-
-
|
|
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/prd.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
|
|
182
|
-
- Override `paths.specs_dir` → `services.{domain}.specs_dir` — **
|
|
183
|
-
- Override `paths.tech_docs_dir` → `services.{domain}.tech_docs_dir` — **
|
|
184
|
-
-
|
|
185
|
-
-
|
|
186
|
-
-
|
|
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**) là 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) là artifact liên team và phải nằm trong spec repo dùng chung (xử lý ở 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 có `module` riêng → dùng nó làm `active_module` (override `tech_stack.module`)
|
|
187
187
|
|
|
188
|
-
**3. Fallback** —
|
|
189
|
-
-
|
|
190
|
-
-
|
|
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.
|
|
193
|
-
- Override `paths.specs_dir` → `{spec_source}/specs` — **
|
|
194
|
-
- Override `paths.tech_docs_dir` → `{spec_source}/specs` — **
|
|
192
|
+
**4. Tự động override theo spec source** — nếu `setup.spec_source` được đặt VÀ 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 có `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 LÀ API contract liên team: BE viết ở đây, FE/App đọc nó 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 có 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` — **
|
|
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 có 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 có `spec_source`.)*
|
|
202
202
|
|
|
203
|
-
> **
|
|
203
|
+
> **Vì sao đặt dưới `spec_source`:** PRD, BDD, tech-docs, design-spec, domain knowledge, feedback của tester, **và trạng thái coverage `.trace/`** đều là **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) và 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ự đủ và dễ điều hướng theo feature. Service submodule chỉ chứa **code** (+ tooling build/test). `.trace/` và `feedback/` là khu vực **ghi** của dev/QC trong spec repo. Ở chế độ single-service (không có `spec_source`), mọi thứ mặc định dưới gốc repo — vẫn là một repo.
|
|
204
204
|
|
|
205
205
|
---
|
|
206
206
|
|
|
207
|
-
##
|
|
207
|
+
## Bước 1.6 — [SERVICE CONVENTIONS] Nạp convention riêng của service (chế độ umbrella)
|
|
208
208
|
|
|
209
|
-
*
|
|
209
|
+
*Bỏ qua hoàn toàn bước này nếu `active_service` là `"unresolved"` hoặc context ở chế độ single-service.*
|
|
210
210
|
|
|
211
|
-
|
|
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.
|
|
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.
|
|
217
|
+
**2. Nếu tìm thấy, override bằng giá trị riêng của service:**
|
|
218
218
|
|
|
219
|
-
|
|
|
219
|
+
| Biến | Nguồn |
|
|
220
220
|
|----------|--------|
|
|
221
|
-
| `conventions.test_command` |
|
|
222
|
-
| `conventions.build_command` |
|
|
223
|
-
| `paths.trace_dir` | **
|
|
224
|
-
| `paths.specs_dir` | **
|
|
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 đặt → giữ route spec-repo của bước 4 (`{spec_source}/.trace`); bỏ qua mọi `trace_dir` cấp service.** Chỉ khi không có `spec_source`: `{active_service}/{service paths.trace_dir}` (mặc định `{active_service}/.trace`). |
|
|
224
|
+
| `paths.specs_dir` | **Nếu `spec_source` được đặt → giữ 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 có `spec_source`: `{active_service}/{service paths.specs_dir}` nếu được set, else dùng override ở Bước 1.5. |
|
|
225
225
|
|
|
226
|
-
**3.
|
|
227
|
-
-
|
|
228
|
-
- **
|
|
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}` (là spec repo khi `spec_source` được đặt — một thao tác ghi liên-repo, commit/push vào spec submodule giống như `feedback/`).
|
|
229
229
|
|
|
230
|
-
**4.
|
|
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 có config override).
|
|
231
231
|
|
|
232
232
|
---
|
|
233
233
|
|
|
234
|
-
##
|
|
234
|
+
## Bước 2 — [PROJECT-CONFIG] Nạp module stack profile (có điều kiện)
|
|
235
235
|
|
|
236
|
-
|
|
237
|
-
Merge framework
|
|
238
|
-
|
|
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ại → bỏ qua âm thầm.
|
|
239
239
|
|
|
240
240
|
---
|
|
241
241
|
|
|
242
|
-
##
|
|
242
|
+
## Bước 3 — [CRITICAL] Nạp CLAUDE.md (phân tầng: root + service overlay)
|
|
243
243
|
|
|
244
|
-
|
|
244
|
+
*Đây là context ưu tiên cao nhất — nó định nghĩa CÁCH viết code và tài liệu cho dự án này.*
|
|
245
245
|
|
|
246
|
-
CLAUDE.md
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
246
|
+
CLAUDE.md được nạp theo **hai tầng** để các quy tắc toàn-umbrella và 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, và convention RIÊNG của nó — nên CLAUDE.md của
|
|
249
|
+
service phải thắng khi sinh code.
|
|
250
250
|
|
|
251
|
-
**
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
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ó là **nền tảng dùng chung** cho cả umbrella —
|
|
253
|
+
git convention, tư thế bảo vệ dữ liệu, quy tắc xuyên suốt, và (ở chế độ single-service) là
|
|
254
|
+
kiến trúc + coding standards duy nhất của dự án.
|
|
255
255
|
|
|
256
|
-
**
|
|
257
|
-
*
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
Overlay
|
|
261
|
-
coding standards,
|
|
262
|
-
(
|
|
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 nó lên trên Tầng 1: **khi có xung đột, giá trị của service THẮNG** cho kiến trúc,
|
|
261
|
+
coding standards, và 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 có hiệu lực.
|
|
263
263
|
|
|
264
|
-
|
|
264
|
+
Từ kết quả **đã merge**, trích xuất và lưu:
|
|
265
265
|
|
|
266
|
-
- **§1 Project Overview** →
|
|
267
|
-
- **§2 Architecture** → layer
|
|
268
|
-
- **§3 Coding Standards** →
|
|
269
|
-
- **§5 Error Handling** → exception
|
|
270
|
-
- **§7 Git Conventions** →
|
|
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
|
-
**
|
|
273
|
-
-
|
|
274
|
-
-
|
|
275
|
-
-
|
|
276
|
-
-
|
|
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ỉ có service overlay (không có 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 và gắn cờ ⚠️ trong recap Bước 7 (service không có định nghĩa kiến trúc/coding-standards — việc sinh code sẽ dùng mặc định umbrella, có thể sai stack).
|
|
276
|
+
- Nếu cả hai đều không tồn tại → ghi nhận CLAUDE.md thiếu và tiếp tục chỉ với dữ liệu từ project-context.yaml.
|
|
277
277
|
|
|
278
278
|
---
|
|
279
279
|
|
|
280
|
-
##
|
|
280
|
+
## Bước 4 — [SAFETY] Nạp quy tắc bảo vệ dữ liệu
|
|
281
281
|
|
|
282
|
-
|
|
282
|
+
Đọc `.agent/rules/data-protection.md` (hoặc `rules/data-protection.md` từ bản cài đặt framework).
|
|
283
283
|
|
|
284
|
-
|
|
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
|
-
|
|
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
|
-
##
|
|
290
|
+
## Bước 5 — [DOMAIN] Nạp Business Dictionary (có điều kiện)
|
|
291
291
|
|
|
292
|
-
|
|
292
|
+
Kiểm tra file business dictionary có tồn tại không (dùng `paths.business_dictionary` đã phân giải ở Bước 1).
|
|
293
293
|
|
|
294
|
-
|
|
295
|
-
- **Canonical Terms** →
|
|
296
|
-
- **Banned Terms** →
|
|
297
|
-
- **Status / Enum Registry** →
|
|
294
|
+
Nếu tồn tại, đọc và 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
|
-
|
|
300
|
-
-
|
|
301
|
-
-
|
|
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
|
-
|
|
303
|
+
Nếu file không tồn tại → bỏ qua âm thầm. Không cảnh báo hay chặn.
|
|
304
304
|
|
|
305
305
|
---
|
|
306
306
|
|
|
307
|
-
##
|
|
307
|
+
## Bước 6 — [DOMAIN] Nạp Core Entities (có điều kiện)
|
|
308
308
|
|
|
309
|
-
|
|
310
|
-
|
|
309
|
+
Kiểm tra file core entities có 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
|
-
|
|
313
|
-
- **Entity catalog** →
|
|
314
|
-
- **Field name registry** →
|
|
315
|
-
- **Relationship map** →
|
|
312
|
+
Nếu tồn tại, đọc và 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, và quan hệ
|
|
314
|
+
- **Field name registry** → tên field chuẩn dùng trong code và 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
|
-
**
|
|
318
|
-
-
|
|
319
|
-
-
|
|
320
|
-
-
|
|
317
|
+
**Cách dùng catalog này:**
|
|
318
|
+
- Khi sinh code: dùng tên field, kiểu, và 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
|
-
|
|
322
|
+
Nếu file không tồn tại → bỏ qua âm thầm.
|
|
323
323
|
|
|
324
324
|
---
|
|
325
325
|
|
|
326
|
-
##
|
|
326
|
+
## Bước 6.5 — [PLATFORM] Suy ra active_module và platform_type
|
|
327
327
|
|
|
328
|
-
|
|
328
|
+
Dùng `tech_stack.module` đã nạp ở Bước 1, suy ra và lưu hai biến để mọi lệnh phía sau dùng:
|
|
329
329
|
|
|
330
330
|
```
|
|
331
|
-
active_module = tech_stack.module (
|
|
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
|
-
|
|
340
|
+
Nếu `tech_stack.module` rỗng hoặc không nhận diện được → set `platform_type = "unknown"` và gắn cờ ⚠️ trong recap Bước 7.
|
|
341
341
|
|
|
342
|
-
|
|
342
|
+
Hai biến này (`active_module`, `platform_type`) là 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
|
-
##
|
|
346
|
+
## Bước 6.7 — [GUARDRAILS] Nạp Project Lessons (có điều kiện)
|
|
347
347
|
|
|
348
|
-
*
|
|
349
|
-
|
|
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
|
-
|
|
352
|
-
-
|
|
353
|
-
- Else
|
|
354
|
-
-
|
|
351
|
+
Phân giải path file lessons:
|
|
352
|
+
- Dùng `paths.lessons_file` nếu được set (có 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
|
-
|
|
357
|
-
-
|
|
358
|
-
-
|
|
359
|
-
-
|
|
356
|
+
Nếu file tồn tại, đọc và lưu TẤT CẢ lesson làm **GUARDRAIL ĐANG HOẠT ĐỘNG** cho phiên:
|
|
357
|
+
- Coi **Rule** của mỗi lesson là 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 có `category` khớp lệnh hiện tại VÀ `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, và ghi rõ lesson nào (`L-NNN`) đã được áp dụng.
|
|
360
360
|
|
|
361
|
-
|
|
361
|
+
Nếu file không tồn tại → bỏ qua âm thầm (chưa có lesson nào được ghi nhận).
|
|
362
362
|
|
|
363
363
|
---
|
|
364
364
|
|
|
365
|
-
##
|
|
365
|
+
## Bước 7 — [RECAP] Working Memory Recap (chống lost-in-middle)
|
|
366
366
|
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
(recency
|
|
367
|
+
Sau khi nạp toàn bộ context, tổng hợp và 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
|
-
|
|
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 : {
|
|
377
|
-
CLAUDE.md : {root + {service_root} | {service_root}
|
|
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ẾU — dù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 |
|
|
381
|
+
Lessons : {loaded — N guardrails | chưa có}
|
|
382
382
|
Service : {active_service} ({active_service_module}) | single-service
|
|
383
|
-
Svc Root : {service_root} — conventions + trace_dir
|
|
384
|
-
Status : {FULL | PARTIAL —
|
|
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
|
-
|
|
387
|
+
Nếu bất kỳ file CRITICAL nào thiếu (CLAUDE.md), gắn cờ rõ ràng để người dùng quyết định có tiếp tục hay không.
|
|
388
388
|
|
|
389
389
|
---
|
|
390
390
|
|
|
391
|
-
##
|
|
391
|
+
## Hoàn tất nạp Context
|
|
392
392
|
|
|
393
|
-
|
|
394
|
-
-
|
|
395
|
-
-
|
|
396
|
-
- Coding standards
|
|
397
|
-
-
|
|
398
|
-
-
|
|
399
|
-
- Entity catalog (field
|
|
400
|
-
-
|
|
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 và 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
|
-
|
|
402
|
+
Tiếp tục sang bước kế tiếp của lệnh đang gọi.
|
|
403
403
|
|
|
404
404
|
|
|
405
|
-
*
|
|
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** và **Module** từ metadata PRD (row `| **Service** |` và `| **Module** |`), User Flow (Section 4a), và tên màn hình Wireframe (Section 4b).*
|
|
406
406
|
|
|
407
|
-
*
|
|
408
|
-
- *
|
|
409
|
-
- *
|
|
410
|
-
- *
|
|
407
|
+
*Quy tắc trích xuất Service (giống /generate-prd):*
|
|
408
|
+
- *Nếu metadata PRD có `| **Service** |` → dùng làm `active_service` và `| **Module** |` làm `active_module`.*
|
|
409
|
+
- *Nếu vắng VÀ `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
|
-
|
|
416
|
+
Dùng `active_module` và `platform_type` suy ra từ context loading:
|
|
417
417
|
|
|
418
|
-
1.
|
|
418
|
+
1. Nếu `platform_type = "backend"` → **STOP**. Xuất:
|
|
419
419
|
```
|
|
420
|
-
❌ Design Spec
|
|
421
|
-
|
|
420
|
+
❌ Design Spec chỉ dành cho platform FE và mobile.
|
|
421
|
+
Với service BE, API contract thuộc về Business PRD (Use Case → section Business Logic).
|
|
422
422
|
```
|
|
423
423
|
|
|
424
|
-
2.
|
|
424
|
+
2. Nếu `platform_type = "web-frontend"` → set `active_platform = "web"`.
|
|
425
425
|
|
|
426
|
-
3.
|
|
427
|
-
- `flutter`
|
|
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.
|
|
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
|
-
|
|
439
|
+
Chờ chọn. Map lựa chọn sang `active_platform` và suy ra `active_module` nếu được.
|
|
440
440
|
|
|
441
441
|
---
|
|
442
442
|
|
|
443
443
|
## Screen Discovery
|
|
444
444
|
|
|
445
|
-
|
|
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
|
-
|
|
447
|
+
Trình bày danh sách và 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
|
-
|
|
456
|
-
|
|
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
|
-
|
|
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 *(
|
|
463
|
+
## Figma Frame Links *(bắt buộc — một link node-level đọc được cho mỗi màn)*
|
|
464
464
|
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
**node-level
|
|
468
|
-
|
|
469
|
-
link
|
|
465
|
+
Một Design Spec chỉ tốt ngang với design mà nó trỏ tới. AI **không đọc được link file
|
|
466
|
+
trần** (`figma.com/design/{fileKey}/...` không có `node-id`) — nó cần một
|
|
467
|
+
**link node-level tới từng frame cụ thể** để fetch layout, component, và 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
|
-
**
|
|
471
|
+
**Hỏi PO, liệt kê mọi màn trong `screen_list`:**
|
|
472
472
|
|
|
473
473
|
```
|
|
474
|
-
|
|
474
|
+
Dán link Figma frame cho từng màn bên dưới.
|
|
475
475
|
|
|
476
|
-
|
|
477
|
-
(
|
|
476
|
+
Trong Figma: chọn frame → chuột phải → "Copy link to selection"
|
|
477
|
+
(URL phải chứa ?node-id=... — đó là link per-frame mà AI đọc được)
|
|
478
478
|
|
|
479
479
|
1. {Screen 1} : ____
|
|
480
480
|
2. {Screen 2} : ____
|
|
481
481
|
...
|
|
482
482
|
|
|
483
|
-
|
|
483
|
+
Nếu một màn chưa có design, gõ none cho màn đó.
|
|
484
484
|
```
|
|
485
485
|
|
|
486
|
-
**
|
|
486
|
+
**Với mỗi câu trả lời:**
|
|
487
487
|
|
|
488
|
-
1. **Validate format** —
|
|
489
|
-
-
|
|
490
|
-
-
|
|
491
|
-
- `none` → `figma_frames[{screen}] = "TBD"`,
|
|
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 có `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
|
|
494
|
-
(
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
(permission / not found) →
|
|
493
|
+
2. **Fetch frame qua Figma MCP** (chỉ với link hợp lệ) — gọi `get_design_context`
|
|
494
|
+
(và `get_screenshot` khi hữu ích) với `fileKey` + `nodeId` đã parse để đọc
|
|
495
|
+
layout, tên component, và design token thật. Đặt mọi Screen Spec dựa trên dữ liệu
|
|
496
|
+
đã fetch này; **đừng** bịa layout mà frame không thể hiện. Nếu fetch thất bại
|
|
497
|
+
(permission / not found) → coi màn đó là ❌ Missing và ghi chú lỗi fetch.
|
|
498
498
|
|
|
499
|
-
3.
|
|
500
|
-
|
|
499
|
+
3. Suy ra `figma_url` mức feature = link file (không có `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
|
-
**
|
|
503
|
-
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
-
|
|
507
|
-
|
|
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 là `draft` và **sign-off / `/generate-bdd` bị chặn** cho tới khi
|
|
505
|
+
mọi màn có 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 có Figma frame đọc được cho {screen} — spec
|
|
507
|
+
của màn này chỉ là text và 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} — {
|
|
522
|
-
Figma : {linked}/{N}
|
|
521
|
+
Screens : {N} — {screen_list ngăn cách bởi dấu phẩy}
|
|
522
|
+
Figma : {linked}/{N} màn có 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
|
-
{
|
|
526
|
-
⚠️ {count}
|
|
527
|
-
text
|
|
525
|
+
{Nếu missing_frames khác rỗng}:
|
|
526
|
+
⚠️ {count} màn không có link Figma frame đọc được — các màn này sẽ được sinh dưới dạng
|
|
527
|
+
draft chỉ-text và 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
|
-
|
|
532
|
+
Chờ Y rõ ràng trước khi tiếp tục.
|
|
533
533
|
|
|
534
534
|
---
|
|
535
535
|
|
|
536
536
|
## Generation Rules
|
|
537
537
|
|
|
538
|
-
|
|
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 —
|
|
541
|
-
-
|
|
542
|
-
- ✅ Matched →
|
|
543
|
-
- ⚠️ Matched
|
|
544
|
-
- ❌
|
|
545
|
-
-
|
|
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` và `Import Path` từ catalog.
|
|
543
|
+
- ⚠️ Matched nhưng `[TODO]` → đánh dấu ô component là `[TODO — implementation pending]`.
|
|
544
|
+
- ❌ Không có 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
|
-
**
|
|
548
|
-
- Section 3 (Interaction Patterns)
|
|
549
|
-
- `web` →
|
|
550
|
-
- `app` / `app-ios` / `app-android` →
|
|
551
|
-
-
|
|
547
|
+
**Section thích ứng theo platform:**
|
|
548
|
+
- Section 3 (Interaction Patterns) và 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 (
|
|
554
|
-
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
-
|
|
558
|
-
Spec
|
|
559
|
-
-
|
|
560
|
-
|
|
553
|
+
**Figma grounding (bắt buộc):**
|
|
554
|
+
- Với mỗi màn có frame đã fetch (`figma_frames[screen]` là link hợp lệ), dựa Layout,
|
|
555
|
+
Component Inventory, và 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, và 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]`, và để ô Figma là ❌ Missing.
|
|
561
561
|
|
|
562
|
-
**Screen states (
|
|
563
|
-
-
|
|
564
|
-
-
|
|
565
|
-
-
|
|
566
|
-
-
|
|
562
|
+
**Screen states (bắt buộc mỗi màn):**
|
|
563
|
+
- Mỗi màn phải mô tả tối thiểu: `default`, `loading`, `error`.
|
|
564
|
+
- Thêm `empty` khi màn có 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 lý do ngắn.
|
|
567
567
|
|
|
568
568
|
---
|
|
569
569
|
|
|
570
570
|
## Generate
|
|
571
571
|
|
|
572
|
-
|
|
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}]
|
|
@@ -588,41 +588,41 @@ Write `{paths.specs_dir}/{domain}/{prd-slug}/design-spec/{TICKET-ID}-design-spec
|
|
|
588
588
|
| **Service** | {active_service} |
|
|
589
589
|
| **Domain** | {domain} |
|
|
590
590
|
| **Business PRD** | [{TICKET-ID}]({relative-path-to-prd.md}) |
|
|
591
|
-
| **Figma** | {figma_url —
|
|
592
|
-
| **Author** | {PO
|
|
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
|
-
| # |
|
|
600
|
+
| # | Tên màn hình | Điểm vào | Figma Frame | Ghi chú |
|
|
601
601
|
|---|-------------|-------------|-------------|-------|
|
|
602
|
-
| 1 | {
|
|
603
|
-
| 2 | {
|
|
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
|
-
|
|
611
|
-
|
|
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
|
-
##
|
|
614
|
+
## Màn hình 1: {Tên màn hình}
|
|
615
615
|
|
|
616
|
-
**Figma**: [{
|
|
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
|
-
{
|
|
621
|
-
|
|
620
|
+
{Mô 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 |
|
|
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
|
|
633
|
+
| State | Trigger | Hành vi UI |
|
|
634
634
|
|-----------|-------------------------------------|--------------------------------------------------------------|
|
|
635
|
-
| default |
|
|
636
|
-
| loading | API
|
|
637
|
-
| error | API
|
|
638
|
-
| empty | API
|
|
639
|
-
| success | Action
|
|
635
|
+
| default | Màn đã load, có dữ liệu | {Mô 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 có 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 |
|
|
643
|
+
| Action | Trigger | Kết quả |
|
|
644
644
|
|-----------------|--------------------------------|-------------------------------------------------|
|
|
645
|
-
| {
|
|
646
|
-
| {
|
|
647
|
-
| {Back / Cancel} |
|
|
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} mà không lưu |
|
|
648
648
|
|
|
649
649
|
---
|
|
650
650
|
|
|
651
|
-
<!--
|
|
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
|
-
|
|
659
|
-
|
|
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
|
|
662
|
+
<!-- ═══════════════════════════ CHỈ WEB ═══════════════════════════ -->
|
|
663
663
|
|
|
664
|
-
## A. Responsive
|
|
664
|
+
## A. Hành vi Responsive *(chỉ web)*
|
|
665
665
|
|
|
666
|
-
| Breakpoint | Width |
|
|
666
|
+
| Breakpoint | Width | Thay đổi layout |
|
|
667
667
|
|------------|------------|----------------------------------------------------|
|
|
668
|
-
| Mobile | < 768px | {
|
|
669
|
-
| Tablet | 768–1279px | {2
|
|
670
|
-
| Desktop | ≥ 1280px | {
|
|
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
|
|
672
|
+
## B. Hover / Focus / Keyboard *(chỉ web)*
|
|
673
673
|
|
|
674
|
-
|
|
|
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
|
|
678
|
-
| Dropdown |
|
|
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
|
|
680
|
+
<!-- ═══════════════════════════ CHỈ APP ═══════════════════════════ -->
|
|
681
681
|
|
|
682
|
-
## C.
|
|
682
|
+
## C. Cử chỉ & Điều hướng *(chỉ app)*
|
|
683
683
|
|
|
684
|
-
|
|
|
684
|
+
| Cử chỉ | Màn / Phần tử | Hành vi |
|
|
685
685
|
|-------------------|---------------------------|-------------------------------------------------------|
|
|
686
|
-
|
|
|
687
|
-
| Pull-to-refresh | {
|
|
688
|
-
| Swipe
|
|
689
|
-
| Long press | {
|
|
690
|
-
| Pinch / zoom | {Image viewer} | Scale
|
|
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
|
|
692
|
+
### Navigation Pattern *(chỉ app)*
|
|
693
693
|
|
|
694
694
|
```
|
|
695
|
-
{
|
|
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: {
|
|
702
|
-
Exit: {
|
|
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
|
|
704
|
+
### Platform Conventions *(chỉ app)*
|
|
705
705
|
|
|
706
|
-
|
|
|
706
|
+
| Khía cạnh | Hành vi iOS | Hành vi Android |
|
|
707
707
|
|--------------------------|-----------------------------------------|-----------------------------------------|
|
|
708
|
-
| Navigation bar | {
|
|
709
|
-
| Sheet / bottom modal | {UISheetPresentation, grabber
|
|
710
|
-
| Alert / confirm dialog | {UIAlertController,
|
|
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:
|
|
719
|
+
Web: gồm section A. App: gồm section B. Bỏ section không áp dụng.
|
|
720
720
|
-->
|
|
721
721
|
|
|
722
|
-
<!-- ═══════════════════════════ WEB
|
|
722
|
+
<!-- ═══════════════════════════ CHỈ WEB ═══════════════════════════ -->
|
|
723
723
|
|
|
724
|
-
## A. Accessibility *(web
|
|
724
|
+
## A. Accessibility *(chỉ web)*
|
|
725
725
|
|
|
726
|
-
- [ ]
|
|
727
|
-
- [ ] Focus trap
|
|
728
|
-
- [ ]
|
|
729
|
-
- [ ]
|
|
730
|
-
- [ ]
|
|
731
|
-
- [ ]
|
|
732
|
-
- [ ]
|
|
726
|
+
- [ ] Mọi phần tử tương tác tới được bằng phím Tab — không có keyboard trap
|
|
727
|
+
- [ ] Focus trap bên trong modal dialog (Tab chỉ chạy vòng trong modal)
|
|
728
|
+
- [ ] Nút chỉ-icon có `aria-label` mô 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 có 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
|
|
734
|
+
<!-- ═══════════════════════════ CHỉ APP ═══════════════════════════ -->
|
|
735
735
|
|
|
736
|
-
## B.
|
|
736
|
+
## B. Thiết bị & OS *(chỉ app)*
|
|
737
737
|
|
|
738
|
-
- [ ]
|
|
739
|
-
- [ ]
|
|
740
|
-
- [ ]
|
|
741
|
-
- [ ] Deep link entry: `{scheme}://{host}/{path}` →
|
|
742
|
-
- [ ] Permission
|
|
743
|
-
- {Permission}:
|
|
744
|
-
- [ ]
|
|
745
|
-
- {
|
|
746
|
-
- {
|
|
747
|
-
- [ ] Dark mode:
|
|
738
|
+
- [ ] Áp dụng safe area insets ở mọi màn — trên (status bar) và 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 kê 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 có màu hardcode
|
|
748
748
|
|
|
749
749
|
---
|
|
750
750
|
|
|
751
|
-
# 5. AC-UI —
|
|
751
|
+
# 5. AC-UI — Tiêu chí chấp nhận về Design
|
|
752
752
|
|
|
753
|
-
>
|
|
754
|
-
>
|
|
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 |
|
|
756
|
+
| ID | Tiêu chí chấp nhận | Verified by |
|
|
757
757
|
|--------|--------------------------------------------------------------------------------|-----------------|
|
|
758
|
-
| AC-UI1 |
|
|
759
|
-
| AC-UI2 |
|
|
760
|
-
| AC-UI3 |
|
|
761
|
-
| AC-UI4 | Empty
|
|
762
|
-
| AC-UI5 | {
|
|
763
|
-
| AC-UI6 | {
|
|
764
|
-
| AC-UI7 | {
|
|
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, và kèm action khôi phục | PO |
|
|
761
|
+
| AC-UI4 | Empty state có illustration và 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
|
|
770
|
+
## Tóm tắt Figma
|
|
771
771
|
|
|
772
|
-
|
|
|
772
|
+
| Màn hình | Figma Frame | Trạng thái Link / Fetch |
|
|
773
773
|
|-----------------|--------------------------------------|--------------------------------------|
|
|
774
|
-
| {
|
|
775
|
-
| {
|
|
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
|
|
777
|
+
## Design Token đã tham chiếu
|
|
778
778
|
|
|
779
|
-
| Token | Value |
|
|
779
|
+
| Token | Value | Dùng ở |
|
|
780
780
|
|-----------------------|---------------|---------------------------------|
|
|
781
|
-
| `color.primary` | {#hex} | Primary
|
|
782
|
-
| `color.surface` | {#hex} |
|
|
783
|
-
| `spacing.md` | {16px / 4} |
|
|
784
|
-
| `typography.heading2` | {font/size} |
|
|
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
|
-
##
|
|
786
|
+
## Tài liệu tham khảo
|
|
787
787
|
|
|
788
|
-
- [{TICKET-ID}]({prd-path}) — Business PRD (
|
|
789
|
-
- {[
|
|
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
|
|
791
|
+
## Giả định AI
|
|
792
792
|
|
|
793
|
-
>
|
|
794
|
-
> PO
|
|
793
|
+
> Mỗi giả định dưới đây được đưa ra vì input PO chưa đầy đủ.
|
|
794
|
+
> PO phải review và confirm trước khi sign-off.
|
|
795
795
|
|
|
796
|
-
- {
|
|
797
|
-
- {
|
|
796
|
+
- {Giả định 1 — [AI DRAFT]}
|
|
797
|
+
- {Một dòng cho mỗi màn ❌ Missing: "Không có 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.
|
|
810
|
-
2.
|
|
811
|
-
3. PO + Designer sign off:
|
|
812
|
-
4.
|
|
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 *(
|
|
818
|
+
## Quality Checklist *(kiểm tra trước khi ghi)*
|
|
819
819
|
|
|
820
|
-
- [ ]
|
|
821
|
-
- [ ]
|
|
822
|
-
- [ ]
|
|
823
|
-
- [ ]
|
|
824
|
-
- [ ]
|
|
825
|
-
- [ ] AC-UI
|
|
826
|
-
- [ ]
|
|
827
|
-
- [ ]
|
|
828
|
-
- [ ]
|
|
829
|
-
- [ ]
|
|
820
|
+
- [ ] Mọi màn trong Screen Inventory có Screen Spec đầy đủ ở Section 2
|
|
821
|
+
- [ ] Mọi màn có 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 có section web trong doc app, và 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 là relative path hợp lệ
|
|
827
|
+
- [ ] Mọi màn có link Figma frame node-level (`?node-id=`) — và các màn có link đã được fetch qua Figma MCP và dùng để ground spec
|
|
828
|
+
- [ ] Mỗi màn ❌ Missing được gắn cờ trong spec (`> [DRAFT — no Figma frame...]`), liệt kê trong Figma Summary, và có một AI Assumption
|
|
829
|
+
- [ ] Nếu bất kỳ màn nào ❌ Missing → Status giữ `draft` và Output bên dưới chặn `/generate-bdd`
|
|
830
830
|
|
|
831
831
|
---
|
|
832
832
|
|
|
833
833
|
## Output
|
|
834
834
|
|
|
835
|
-
# Report Footer —
|
|
835
|
+
# Report Footer — Định dạng output chuẩn cho mọi lệnh
|
|
836
836
|
|
|
837
|
-
|
|
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
|
-
|
|
842
|
-
- `✅ Complete` —
|
|
843
|
-
- `❌ Failed` —
|
|
844
|
-
- `⚠️ Warnings` —
|
|
841
|
+
Chọn một theo kết quả:
|
|
842
|
+
- `✅ Complete` — mọi bước thành công, không có 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 có vấn đề không chặn, nên review lại
|
|
845
845
|
|
|
846
846
|
## Output Artifacts
|
|
847
847
|
|
|
848
|
-
|
|
848
|
+
Liệt kê 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} ({
|
|
852
|
-
{created|updated} {file-path} ({
|
|
851
|
+
{created|updated} {file-path} ({mô tả ngắn})
|
|
852
|
+
{created|updated} {file-path} ({mô tả ngắn})
|
|
853
853
|
```
|
|
854
854
|
|
|
855
|
-
|
|
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
|
-
|
|
860
|
-
|
|
859
|
+
In một sơ đồ 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
|
-
|
|
866
|
+
Tìm lệnh hiện tại trong bảng phase dưới đây và đá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
|
-
|
|
880
|
+
Với **lệnh review**, thêm vòng review 3 bước và đá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
|
-
**
|
|
884
|
-
`/report-bug`, `/propose-scenario`, `/generate-spec-manifest`)
|
|
885
|
-
**
|
|
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 sơ đồ).
|
|
886
886
|
|
|
887
|
-
##
|
|
887
|
+
## Gợi ý lệnh tiếp theo
|
|
888
888
|
|
|
889
|
-
|
|
889
|
+
Gợi ý lệnh kế tiếp hợp lý theo phase của workflow:
|
|
890
890
|
|
|
891
|
-
|
|
|
891
|
+
| Lệnh hiện tại | Gợi ý lệnh tiếp theo |
|
|
892
892
|
|-------------------------|-----------------------------------------------|
|
|
893
|
-
| /setup-ai-first | `/define-product`
|
|
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}`
|
|
896
|
-
| /refine-prd |
|
|
897
|
-
| /review-context (PRD) | FE/App: `/generate-design-spec {prd-file}` (
|
|
898
|
-
| /generate-design-spec | Designer review →
|
|
899
|
-
| /generate-bdd | `/review-context {feature-file}`
|
|
900
|
-
| /review-context (BDD) | `/generate-tech-docs {UC-ID}`
|
|
901
|
-
| /qc-analyze | `/qc-plan {UC-ID}` (
|
|
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ử lý 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
|
|
904
|
-
| /qc-review (test-case) | `/qc-run-test {UC-ID}`
|
|
905
|
-
| /qc-run-test | `/qc-report {UC-ID}`
|
|
906
|
-
| /qc-review (script) | `/qc-report {UC-ID}`
|
|
907
|
-
| /qc-report | `/validate-traces {UC-ID}`
|
|
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}`
|
|
910
|
-
| /generate-code |
|
|
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}`
|
|
914
|
-
| /review-code | `/dev-smoke-test {UC-ID}`
|
|
915
|
-
| /dev-smoke-test |
|
|
916
|
-
| /validate-traces | DRIFT/UNTRACKED → `/generate-code {UC-ID}`; GAP → `/dev-gen-test {UC-ID}`;
|
|
917
|
-
| /fix-bug |
|
|
918
|
-
| /debug | `/fix-bug {ticket-id}`
|
|
919
|
-
| /report-bug |
|
|
920
|
-
| /propose-scenario |
|
|
921
|
-
| /learn |
|
|
922
|
-
| /sync | `/validate-traces`
|
|
923
|
-
| /update-framework | Review `git diff .agent/`, commit; `/sync`
|
|
924
|
-
|
|
925
|
-
|
|
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 và 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 và 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
|
|
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
|
|
932
|
-
Next : {
|
|
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
|
-
*(
|
|
934
|
+
*(Bỏ dòng `Pipeline` cho các lệnh xuyên suốt liệt kê ở trên.)*
|
|
935
935
|
|
|
936
936
|
|
|
937
|
-
{
|
|
937
|
+
{Nếu missing_frames rỗng}:
|
|
938
938
|
```
|
|
939
|
-
/generate-design-spec
|
|
939
|
+
/generate-design-spec Hoàn tất — {TICKET-ID} [{active_platform}]
|
|
940
940
|
---
|
|
941
|
-
Status : ✅ Complete —
|
|
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 :
|
|
945
|
-
→ /generate-bdd {prd-file} (
|
|
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
|
-
{
|
|
948
|
+
{Nếu missing_frames khác rỗng}:
|
|
949
949
|
```
|
|
950
|
-
/generate-design-spec
|
|
950
|
+
/generate-design-spec Hoàn tất (DRAFT) — {TICKET-ID} [{active_platform}]
|
|
951
951
|
---
|
|
952
|
-
Status : ⚠️ Warnings — {count}
|
|
952
|
+
Status : ⚠️ Warnings — {count} màn không có 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
|
|
956
|
-
1.
|
|
957
|
-
2.
|
|
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
|
```
|