Skip to content

Commit 08fd043

Browse files
committed
fix: 更新場景4偵錯助手README格式
1 parent edcc15f commit 08fd043

1 file changed

Lines changed: 42 additions & 40 deletions

File tree

04-debugging-assistant/README.md

Lines changed: 42 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -51,9 +51,9 @@
5151
💡 **使用模式:Ask**
5252

5353

54-
### 階段 2:實戰修復 (10分鐘)
54+
### 階段 2:基礎修復 (5分鐘)
5555

56-
#### 步驟 2:Edit 連續快速修復 (Edit)
56+
#### 步驟 2:Edit 快速修復明顯錯誤 (Edit)
5757
📌 **Context 準備**:開啟 `script.js` 並點擊檔案標籤上的 **+** 加入 context
5858

5959
```
@@ -65,67 +65,56 @@
6565
💡 **使用模式:Edit**
6666

6767

68-
#### 步驟 3:Agent 處理計算邏輯 (Agent)
69-
📌 **Context 準備**保持 `script.js` 在 context 中(Agent 會自動分析需要的檔案)
68+
#### 步驟 3:Edit 修復 UI 互動問題 (Edit)
69+
📌 **Context 準備**確保 `script.js` 在 context 中
7070

7171
```
72-
請修復購物車的所有計算相關問題,包括總金額、運費、優惠券折扣的完整邏輯,並實現免運費功能。
72+
修復以下 UI 互動問題:
73+
1. 移除第 145 行多餘的 event.preventDefault()
74+
2. 修正第 158 行的數量輸入框事件監聽器
75+
3. 修復第 167 行的移除按鈕事件綁定
7376
```
74-
💡 **使用模式:Agent**
75-
🔄 **開啟新對話**
77+
💡 **使用模式:Edit**
7678

7779

78-
#### 步驟 4:Agent 實現缺失功能 (Agent)
79-
📌 **Context 準備**
80-
- 保持 `script.js` 在 context 中
81-
- 可選:加入 `index.html` 了解 HTML 結構(點擊檔案標籤上的 **+**
80+
### 階段 3:核心修復 (8分鐘)
81+
82+
#### 步驟 4:Agent 修復計算邏輯 (Agent)
83+
📌 **Context 準備**:保持 `script.js` 在 context 中(Agent 會自動分析需要的檔案
8284

8385
```
84-
請實現這些缺失的功能:
85-
1. 結帳後自動清空購物車
86-
2. 數量輸入框變更時自動更新購物車
87-
3. 移除商品時加入確認提示
86+
請修復購物車的所有計算相關問題,包括總金額、運費、優惠券折扣的完整邏輯,並實現免運費功能。
8887
```
8988
💡 **使用模式:Agent**
89+
🔄 **開啟新對話**
9090

9191

92-
#### 步驟 5:Ask 深入分析邏輯問題 (Ask)
92+
#### 步驟 5:Ask 深入分析系統問題 (Ask)
9393
📌 **Context 準備**:無需額外準備,使用 @workspace 進行深入分析
9494

9595
```
96-
@workspace 分析購物車的優惠券系統邏輯,找出所有相關的計算問題和缺失功能。
96+
@workspace 分析這個購物車系統還有哪些缺失的核心功能和邏輯問題?
9797
```
9898
💡 **使用模式:Ask**
9999

100100

101-
#### 步驟 6:Edit 修復 UI 互動問題 (Edit)
102-
📌 **Context 準備**:確保 `script.js` 在 context 中
103-
104-
```
105-
修復以下 UI 互動問題:
106-
1. 移除第 145 行多餘的 event.preventDefault()
107-
2. 修正第 158 行的數量輸入框事件監聽器
108-
3. 修復第 167 行的移除按鈕事件綁定
109-
```
110-
💡 **使用模式:Edit**
111-
112-
113-
### 階段 3:進階修復與優化 (5分鐘)
114-
115-
#### 步驟 7:Agent 重構優惠券系統 (Agent)
116-
📌 **Context 準備**:保持 `script.js` 在 context 中
101+
#### 步驟 6:Agent 實現缺失功能 (Agent)
102+
📌 **Context 準備**
103+
- 保持 `script.js` 在 context 中
104+
- 加入 `index.html` 了解 HTML 結構(點擊檔案標籤上的 **+**
117105

118106
```
119-
請重構整個優惠券系統,包括
120-
1. 實現多種優惠券類型(固定金額、百分比折扣)
121-
2. 加入優惠券有效性驗證
122-
3. 確保優惠券與免運費規則正確結合
107+
請實現這些缺失的功能
108+
1. 結帳後自動清空購物車
109+
2. 數量輸入框變更時自動更新購物車
110+
3. 移除商品時加入確認提示
123111
```
124112
💡 **使用模式:Agent**
125-
🔄 **開啟新對話**
126113

127114

128-
#### 步驟 8:Agent 完善使用者體驗 (Agent)
115+
### 階段 4:進階優化 (5分鈘)
116+
117+
#### 步驟 7:Agent 完善使用者體驗 (Agent)
129118
📌 **Context 準備**:將 `script.js``index.html` 都加入 context
130119

131120
```
@@ -136,9 +125,22 @@
136125
4. 為購物車商品加入簡單的動畫效果
137126
```
138127
💡 **使用模式:Agent**
128+
🔄 **開啟新對話**
129+
130+
131+
#### 步驟 8:Edit 細節調整 (Edit)
132+
📌 **Context 準備**:保持 `script.js` 在 context 中
133+
134+
```
135+
請進行最後的細節調整:
136+
1. 在購物車為空時顯示提示文字
137+
2. 調整優惠券輸入框的 placeholder 文字
138+
3. 修正結帳按鈕的文字為「立即結帳」
139+
```
140+
💡 **使用模式:Edit**
139141

140142

141-
### 階段 4:延伸應用 (3分鐘)
143+
### 階段 5:延伸應用 (2分鐘)
142144

143145
#### 步驟 9:產生測試案例文件 (Agent)
144146
📌 **Context 準備**:將 `script.js``index.html` 都加入 context(點擊檔案標籤上的 **+**

0 commit comments

Comments
 (0)