mcp-probe-kit 1.11.0 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/README.md +215 -21
  2. package/build/index.js +21 -1
  3. package/build/schemas/index.d.ts +234 -0
  4. package/build/schemas/index.js +4 -0
  5. package/build/schemas/interview-tools.d.ts +72 -0
  6. package/build/schemas/interview-tools.js +64 -0
  7. package/build/schemas/orchestration-tools.d.ts +58 -0
  8. package/build/schemas/orchestration-tools.js +59 -0
  9. package/build/schemas/ui-ux-schemas.d.ts +248 -0
  10. package/build/schemas/ui-ux-schemas.js +147 -0
  11. package/build/tools/__tests__/start_ui.integration.test.d.ts +6 -0
  12. package/build/tools/__tests__/start_ui.integration.test.js +179 -0
  13. package/build/tools/__tests__/start_ui.property.test.d.ts +6 -0
  14. package/build/tools/__tests__/start_ui.property.test.js +263 -0
  15. package/build/tools/__tests__/start_ui.unit.test.d.ts +6 -0
  16. package/build/tools/__tests__/start_ui.unit.test.js +109 -0
  17. package/build/tools/ask_user.d.ts +17 -0
  18. package/build/tools/ask_user.js +124 -0
  19. package/build/tools/index.d.ts +7 -0
  20. package/build/tools/index.js +9 -0
  21. package/build/tools/init_component_catalog.d.ts +22 -0
  22. package/build/tools/init_component_catalog.js +809 -0
  23. package/build/tools/interview.d.ts +18 -0
  24. package/build/tools/interview.js +418 -0
  25. package/build/tools/render_ui.d.ts +22 -0
  26. package/build/tools/render_ui.js +384 -0
  27. package/build/tools/start_ralph.d.ts +16 -0
  28. package/build/tools/start_ralph.js +779 -0
  29. package/build/tools/start_ui.d.ts +25 -0
  30. package/build/tools/start_ui.js +299 -0
  31. package/build/tools/ui-ux-tools.d.ts +116 -0
  32. package/build/tools/ui-ux-tools.js +756 -0
  33. package/build/tools/ui-ux-tools.test.d.ts +6 -0
  34. package/build/tools/ui-ux-tools.test.js +132 -0
  35. package/build/utils/ascii-box-formatter.d.ts +29 -0
  36. package/build/utils/ascii-box-formatter.js +195 -0
  37. package/build/utils/bm25.d.ts +60 -0
  38. package/build/utils/bm25.js +139 -0
  39. package/build/utils/cache-manager.d.ts +65 -0
  40. package/build/utils/cache-manager.js +156 -0
  41. package/build/utils/design-docs-generator.d.ts +1 -0
  42. package/build/utils/design-docs-generator.js +1 -0
  43. package/build/utils/design-reasoning-engine.d.ts +158 -0
  44. package/build/utils/design-reasoning-engine.js +363 -0
  45. package/build/utils/design-system-json-formatter.d.ts +41 -0
  46. package/build/utils/design-system-json-formatter.js +165 -0
  47. package/build/utils/ui-data-loader.d.ts +56 -0
  48. package/build/utils/ui-data-loader.js +164 -0
  49. package/build/utils/ui-search-engine.d.ts +57 -0
  50. package/build/utils/ui-search-engine.js +123 -0
  51. package/build/utils/ui-sync.d.ts +13 -0
  52. package/build/utils/ui-sync.js +241 -0
  53. package/docs/BEST_PRACTICES.md +456 -6
  54. package/docs/HOW_TO_TRIGGER.md +195 -64
  55. package/docs/MCP-Probe-Kit-/344/275/277/347/224/250/346/211/213/345/206/214.html +158 -63
  56. package/docs/MCP-Probe-Kit-/344/275/277/347/224/250/346/211/213/345/206/214.md +872 -34
  57. package/package.json +18 -5
  58. package/docs/HOW_TO_TRIGGER.html +0 -243
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>MCP Probe Kit 工具速查手册</title>
6
+ <title>MCP Probe Kit 工具速查手册 v1.15.0</title>
7
7
  <style>
8
8
  * {
9
9
  margin: 0;
@@ -119,12 +119,64 @@
119
119
  font-size: 7.5pt;
120
120
  color: #c7254e;
121
121
  }
122
+
123
+ .new-badge {
124
+ background: #28a745;
125
+ color: white;
126
+ padding: 1px 4px;
127
+ border-radius: 2px;
128
+ font-size: 7pt;
129
+ margin-left: 4px;
130
+ }
122
131
  </style>
123
132
  </head>
124
133
  <body>
125
- <h1>🛠️ MCP Probe Kit 工具速查手册</h1>
134
+ <h1>🛠️ MCP Probe Kit 工具速查手册 v1.15.0 (49个工具)</h1>
135
+
136
+ <h2>🎨 UI/UX Pro Max 工具(3个)<span class="new-badge">新增</span></h2>
137
+ <div class="grid">
138
+ <div class="tool-card single-col">
139
+ <div class="tool-name">1. ui_design_system - 设计系统生成器</div>
140
+ <div class="tool-desc">基于 100 条行业规则的智能推荐,生成设计系统推荐和创作指导</div>
141
+ <div class="tool-example">💬 "帮我生成一个 React 设计系统" / "生成蓝色主题设计系统"</div>
142
+ <div class="tool-params">product_type: SaaS/E-commerce/Healthcare, stack: react/vue/nextjs, primary_color</div>
143
+ </div>
144
+
145
+ <div class="tool-card">
146
+ <div class="tool-name">2. ui_search - UI/UX 智能搜索</div>
147
+ <div class="tool-desc">搜索 UI 组件、颜色方案、图标、设计模式、最佳实践</div>
148
+ <div class="tool-example">💬 "我需要一个 React 的主按钮组件"</div>
149
+ <div class="tool-params">query(必填), category, stack, mode: search/catalog/template</div>
150
+ </div>
151
+
152
+ <div class="tool-card">
153
+ <div class="tool-name">3. sync_ui_data - 数据同步工具</div>
154
+ <div class="tool-desc">同步最新的 UI/UX 数据到本地缓存</div>
155
+ <div class="tool-example">💬 "检查 UI 数据更新" / "强制同步 UI 数据"</div>
156
+ <div class="tool-params">force: true/false, verbose: true/false</div>
157
+ </div>
158
+ </div>
159
+
160
+
161
+ <h2>🎯 需求访谈工具(2个)<span class="new-badge">新增</span></h2>
162
+ <div class="grid">
163
+ <div class="tool-card">
164
+ <div class="tool-name">1. interview - 需求访谈模式</div>
165
+ <div class="tool-desc">在开发前通过结构化访谈澄清需求,避免理解偏差</div>
166
+ <div class="tool-example">💬 "interview 用户登录功能"</div>
167
+ <div class="tool-params">description(必填), context(可选)</div>
168
+ </div>
169
+
170
+ <div class="tool-card">
171
+ <div class="tool-name">2. ask_user - AI 主动提问</div>
172
+ <div class="tool-desc">AI 可在任何时候向用户提问,澄清不确定的信息</div>
173
+ <div class="tool-example">💬 AI自动调用或"有什么需要确认的吗?"</div>
174
+ <div class="tool-params">question(必填), options(可选)</div>
175
+ </div>
176
+ </div>
177
+
126
178
 
127
- <h2>📋 代码生成工具(10个)</h2>
179
+ <h2>📋 代码生成工具(12个)</h2>
128
180
  <div class="grid">
129
181
  <div class="tool-card">
130
182
  <div class="tool-name">1. gencommit</div>
@@ -195,239 +247,273 @@
195
247
  <div class="tool-example">💬 "生成 10 条用户数据"</div>
196
248
  <div class="tool-params">count, format: json/ts/csv, locale</div>
197
249
  </div>
250
+
251
+ <div class="tool-card">
252
+ <div class="tool-name">11. gen_skill</div>
253
+ <div class="tool-desc">生成 Agent Skills 文档</div>
254
+ <div class="tool-example">💬 "生成技能文档"</div>
255
+ <div class="tool-params">scope: all/basic, tool_name, lang</div>
256
+ </div>
257
+
258
+ <div class="tool-card">
259
+ <div class="tool-name">12. design2code</div>
260
+ <div class="tool-desc">设计稿转前端代码</div>
261
+ <div class="tool-example">💬 "根据这个设计稿生成代码"</div>
262
+ <div class="tool-params">input: 图片URL/描述, framework</div>
263
+ </div>
198
264
  </div>
265
+
199
266
 
200
267
  <h2>🔍 分析诊断工具(7个)</h2>
201
268
  <div class="grid">
202
269
  <div class="tool-card">
203
- <div class="tool-name">11. debug</div>
270
+ <div class="tool-name">1. debug</div>
204
271
  <div class="tool-desc">错误调试分析,定位问题根因</div>
205
272
  <div class="tool-example">💬 "帮我调试这个错误:[粘贴错误堆栈]"</div>
206
273
  <div class="tool-params">error(必填), context: 相关代码</div>
207
274
  </div>
208
275
 
209
276
  <div class="tool-card">
210
- <div class="tool-name">12. code_review</div>
277
+ <div class="tool-name">2. code_review</div>
211
278
  <div class="tool-desc">代码质量/安全/性能审查</div>
212
279
  <div class="tool-example">💬 "审查这段代码"</div>
213
280
  <div class="tool-params">focus: quality/security/performance/all</div>
214
281
  </div>
215
282
 
216
283
  <div class="tool-card">
217
- <div class="tool-name">13. security_scan</div>
284
+ <div class="tool-name">3. security_scan</div>
218
285
  <div class="tool-desc">专项安全漏洞检测</div>
219
286
  <div class="tool-example">💬 "扫描这段代码的安全问题"</div>
220
287
  <div class="tool-params">scan_type: injection/auth/crypto/all</div>
221
288
  </div>
222
289
 
223
290
  <div class="tool-card">
224
- <div class="tool-name">14. perf</div>
291
+ <div class="tool-name">4. perf</div>
225
292
  <div class="tool-desc">性能瓶颈分析</div>
226
293
  <div class="tool-example">💬 "分析这段代码的性能问题"</div>
227
294
  <div class="tool-params">type: algorithm/memory/react/database</div>
228
295
  </div>
229
296
 
230
297
  <div class="tool-card">
231
- <div class="tool-name">15. check_deps</div>
298
+ <div class="tool-name">5. check_deps</div>
232
299
  <div class="tool-desc">检查依赖健康度和漏洞</div>
233
300
  <div class="tool-example">💬 "检查项目依赖的安全问题"</div>
234
301
  <div class="tool-params">无需参数</div>
235
302
  </div>
236
303
 
237
304
  <div class="tool-card">
238
- <div class="tool-name">16. explain</div>
305
+ <div class="tool-name">6. explain</div>
239
306
  <div class="tool-desc">解释代码逻辑和原理</div>
240
307
  <div class="tool-example">💬 "解释这段代码的作用"</div>
241
308
  <div class="tool-params">code(必填), context: 补充说明</div>
242
309
  </div>
243
310
 
244
311
  <div class="tool-card">
245
- <div class="tool-name">17. analyze_project</div>
312
+ <div class="tool-name">7. analyze_project</div>
246
313
  <div class="tool-desc">分析项目结构/技术栈/架构</div>
247
314
  <div class="tool-example">💬 "分析当前项目的结构"</div>
248
315
  <div class="tool-params">project_path, max_depth, include_content</div>
249
316
  </div>
250
317
  </div>
318
+
251
319
 
252
320
  <h2>🔧 重构优化工具(6个)</h2>
253
321
  <div class="grid">
254
322
  <div class="tool-card">
255
- <div class="tool-name">18. refactor</div>
323
+ <div class="tool-name">1. refactor</div>
256
324
  <div class="tool-desc">提供代码重构建议</div>
257
325
  <div class="tool-example">💬 "这段代码如何重构"</div>
258
326
  <div class="tool-params">goal: improve_readability/reduce_complexity</div>
259
327
  </div>
260
328
 
261
329
  <div class="tool-card">
262
- <div class="tool-name">19. fix</div>
330
+ <div class="tool-name">2. fix</div>
263
331
  <div class="tool-desc">自动修复 Lint/格式/类型错误</div>
264
332
  <div class="tool-example">💬 "修复这段代码的 Lint 错误"</div>
265
333
  <div class="tool-params">type: lint/type/format/import/unused/all</div>
266
334
  </div>
267
335
 
268
336
  <div class="tool-card">
269
- <div class="tool-name">20. convert</div>
337
+ <div class="tool-name">3. convert</div>
270
338
  <div class="tool-desc">转换代码格式或框架</div>
271
339
  <div class="tool-example">💬 "把这段 JS 转成 TS"</div>
272
340
  <div class="tool-params">from/to: js/ts/vue2/vue3/class/hooks</div>
273
341
  </div>
274
342
 
275
343
  <div class="tool-card">
276
- <div class="tool-name">21. split</div>
344
+ <div class="tool-name">4. split</div>
277
345
  <div class="tool-desc">拆分大文件为小模块</div>
278
346
  <div class="tool-example">💬 "拆分这个大文件"</div>
279
347
  <div class="tool-params">strategy: auto/type/function/component</div>
280
348
  </div>
281
349
 
282
350
  <div class="tool-card">
283
- <div class="tool-name">22. resolve_conflict</div>
351
+ <div class="tool-name">5. resolve_conflict</div>
284
352
  <div class="tool-desc">解决 Git 合并冲突</div>
285
353
  <div class="tool-example">💬 "帮我解决这个合并冲突"</div>
286
354
  <div class="tool-params">conflicts(必填): 冲突文件内容</div>
287
355
  </div>
288
356
 
289
357
  <div class="tool-card">
290
- <div class="tool-name">23. design2code</div>
291
- <div class="tool-desc">设计稿转前端代码</div>
292
- <div class="tool-example">💬 "根据这个设计稿生成代码"</div>
293
- <div class="tool-params">input: 图片URL/描述, framework, style_solution</div>
358
+ <div class="tool-name">6. css_order</div>
359
+ <div class="tool-desc">重排 CSS 属性顺序</div>
360
+ <div class="tool-example">💬 "整理这段 CSS 的属性顺序"</div>
361
+ <div class="tool-params">直接粘贴 CSS 代码</div>
294
362
  </div>
295
363
  </div>
364
+
296
365
 
297
- <h2>🎯 工作流编排工具(8个)- 自动化多步骤流程</h2>
366
+ <h2>🎯 工作流编排工具(9个)- 自动化多步骤流程</h2>
298
367
  <div class="grid">
299
368
  <div class="tool-card single-col">
300
- <div class="tool-name">24. start_feature - 新功能开发流程</div>
369
+ <div class="tool-name">1. start_feature - 新功能开发流程</div>
301
370
  <div class="tool-desc">检查上下文 → 生成规格 → 估算工作量</div>
302
371
  <div class="tool-example">💬 "开始开发用户认证功能" / "新增商品推荐模块"</div>
303
372
  <div class="tool-params">feature_name(必填), description(必填), docs_dir</div>
304
373
  </div>
305
374
 
306
375
  <div class="tool-card single-col">
307
- <div class="tool-name">25. start_bugfix - Bug 修复流程</div>
376
+ <div class="tool-name">2. start_bugfix - Bug 修复流程</div>
308
377
  <div class="tool-desc">检查上下文 → 分析定位 → 修复方案 → 生成测试</div>
309
378
  <div class="tool-example">💬 "修复这个 Bug:点击推荐按钮报错" / "解决登录失败问题"</div>
310
379
  <div class="tool-params">error_message(必填), stack_trace</div>
311
380
  </div>
312
381
 
313
382
  <div class="tool-card single-col">
314
- <div class="tool-name">26. start_review - 代码全面体检</div>
383
+ <div class="tool-name">3. start_review - 代码全面体检</div>
315
384
  <div class="tool-desc">代码审查 + 安全扫描 + 性能分析</div>
316
385
  <div class="tool-example">💬 "全面审查这段代码" / "对这个文件做完整体检"</div>
317
386
  <div class="tool-params">code(必填), language</div>
318
387
  </div>
319
388
 
320
389
  <div class="tool-card single-col">
321
- <div class="tool-name">27. start_release - 发布准备流程</div>
390
+ <div class="tool-name">4. start_release - 发布准备流程</div>
322
391
  <div class="tool-desc">生成 Changelog + PR 描述</div>
323
392
  <div class="tool-example">💬 "准备发布 v1.2.0" / "生成这个版本的发布文档"</div>
324
393
  <div class="tool-params">version(必填), from_tag, branch</div>
325
394
  </div>
326
395
 
327
396
  <div class="tool-card">
328
- <div class="tool-name">28. start_refactor</div>
397
+ <div class="tool-name">5. start_refactor</div>
329
398
  <div class="tool-desc">审查现状 → 重构建议 → 生成测试</div>
330
399
  <div class="tool-example">💬 "重构这段代码"</div>
331
400
  <div class="tool-params">code(必填), goal</div>
332
401
  </div>
333
402
 
334
403
  <div class="tool-card">
335
- <div class="tool-name">29. start_onboard</div>
404
+ <div class="tool-name">6. start_onboard</div>
336
405
  <div class="tool-desc">分析项目 → 生成上下文文档</div>
337
406
  <div class="tool-example">💬 "帮我快速了解这个项目"</div>
338
407
  <div class="tool-params">project_path, docs_dir</div>
339
408
  </div>
340
409
 
341
410
  <div class="tool-card">
342
- <div class="tool-name">30. start_api</div>
411
+ <div class="tool-name">7. start_api</div>
343
412
  <div class="tool-desc">生成文档 → 生成 Mock → 生成测试</div>
344
413
  <div class="tool-example">💬 "为这个 API 生成完整文档"</div>
345
414
  <div class="tool-params">code(必填), format, language</div>
346
415
  </div>
347
416
 
348
417
  <div class="tool-card">
349
- <div class="tool-name">31. start_doc</div>
418
+ <div class="tool-name">8. start_doc</div>
350
419
  <div class="tool-desc">注释 → README → API 文档</div>
351
420
  <div class="tool-example">💬 "为这个项目补全所有文档"</div>
352
421
  <div class="tool-params">code(必填), lang, style</div>
353
422
  </div>
423
+
424
+ <div class="tool-card">
425
+ <div class="tool-name">9. start_ralph <span class="new-badge">新增</span></div>
426
+ <div class="tool-desc">Ralph Loop 循环开发 - 生成安全模式脚本 → 多轮迭代 → 自动保护</div>
427
+ <div class="tool-example">💬 "start_ralph 实现用户登录功能"</div>
428
+ <div class="tool-params">goal(必填), mode: safe/normal, max_iterations: 8, max_minutes: 25</div>
429
+ </div>
354
430
  </div>
355
431
 
356
- <h2>🏗️ 项目管理工具(10个)</h2>
432
+ <h2>🎨 UI 开发编排工具(3个)<span class="new-badge">新增</span></h2>
357
433
  <div class="grid">
434
+ <div class="tool-card single-col">
435
+ <div class="tool-name">1. start_ui - 统一 UI 开发编排 <span class="new-badge">优化</span></div>
436
+ <div class="tool-desc">智能文件检查 → 简洁指导输出 → 双模式支持(manual/auto)→ 安全字符串处理</div>
437
+ <div class="tool-example">💬 "生成一个登录页面" / "start_ui '电商商品列表' --mode=auto"</div>
438
+ <div class="tool-params">description(必填), framework: react/vue/html, mode: manual/auto</div>
439
+ </div>
440
+
441
+ <div class="tool-card">
442
+ <div class="tool-name">2. init_component_catalog</div>
443
+ <div class="tool-desc">生成组件目录,定义可用的 UI 组件</div>
444
+ <div class="tool-example">💬 "生成组件目录"</div>
445
+ <div class="tool-params">无需参数(自动读取设计系统)</div>
446
+ </div>
447
+
358
448
  <div class="tool-card">
359
- <div class="tool-name">32. init_project</div>
449
+ <div class="tool-name">3. render_ui</div>
450
+ <div class="tool-desc">将 JSON 模板渲染为最终代码</div>
451
+ <div class="tool-example">💬 "渲染 login-form.json"</div>
452
+ <div class="tool-params">template(必填), framework: react/vue/html</div>
453
+ </div>
454
+ </div>
455
+
456
+
457
+ <h2>🏗️ 项目管理工具(5个)</h2>
458
+ <div class="grid">
459
+ <div class="tool-card">
460
+ <div class="tool-name">1. init_project</div>
360
461
  <div class="tool-desc">创建项目结构和任务分解</div>
361
462
  <div class="tool-example">💬 "初始化一个电商管理系统"</div>
362
463
  <div class="tool-params">project_name, input: 需求描述</div>
363
464
  </div>
364
465
 
365
466
  <div class="tool-card">
366
- <div class="tool-name">33. init_project_context</div>
467
+ <div class="tool-name">2. init_project_context</div>
367
468
  <div class="tool-desc">生成技术栈/架构/编码规范文档</div>
368
469
  <div class="tool-example">💬 "生成项目上下文文档"</div>
369
470
  <div class="tool-params">docs_dir</div>
370
471
  </div>
371
472
 
372
473
  <div class="tool-card">
373
- <div class="tool-name">34. add_feature</div>
474
+ <div class="tool-name">3. add_feature</div>
374
475
  <div class="tool-desc">生成功能需求/设计/任务清单</div>
375
476
  <div class="tool-example">💬 "添加用户权限管理功能"</div>
376
477
  <div class="tool-params">feature_name(必填), description(必填)</div>
377
478
  </div>
378
479
 
379
480
  <div class="tool-card">
380
- <div class="tool-name">35. fix_bug</div>
481
+ <div class="tool-name">4. fix_bug</div>
381
482
  <div class="tool-desc">根因分析 + 修复方案 + 验证步骤</div>
382
483
  <div class="tool-example">💬 "指导修复这个 Bug"</div>
383
484
  <div class="tool-params">error_message(必填), stack_trace</div>
384
485
  </div>
385
486
 
386
487
  <div class="tool-card">
387
- <div class="tool-name">36. estimate</div>
488
+ <div class="tool-name">5. estimate</div>
388
489
  <div class="tool-desc">估算开发时间和风险</div>
389
490
  <div class="tool-example">💬 "估算这个功能的开发时间"</div>
390
491
  <div class="tool-params">task_description(必填), experience_level</div>
391
492
  </div>
392
-
393
- <div class="tool-card">
394
- <div class="tool-name">37. init_setting</div>
395
- <div class="tool-desc">初始化 Cursor IDE 配置</div>
396
- <div class="tool-example">💬 "初始化 Cursor 配置"</div>
397
- <div class="tool-params">project_path: 项目路径</div>
398
- </div>
399
-
493
+ </div>
494
+
495
+ <h2>🛠️ 其他工具(2个)</h2>
496
+ <div class="grid">
400
497
  <div class="tool-card">
401
- <div class="tool-name">38. detect_shell</div>
498
+ <div class="tool-name">1. detect_shell</div>
402
499
  <div class="tool-desc">检测 AI 应用环境指纹</div>
403
500
  <div class="tool-example">💬 "检测环境" / "检测是否为套壳"</div>
404
501
  <div class="tool-params">nonce, skip_network</div>
405
502
  </div>
406
503
 
407
504
  <div class="tool-card">
408
- <div class="tool-name">39. css_order</div>
409
- <div class="tool-desc">重排 CSS 属性顺序</div>
410
- <div class="tool-example">💬 "整理这段 CSS 的属性顺序"</div>
411
- <div class="tool-params">直接粘贴 CSS 代码</div>
412
- </div>
413
-
414
- <div class="tool-card">
415
- <div class="tool-name">40. gen_skill</div>
416
- <div class="tool-desc">生成 Agent Skills 文档</div>
417
- <div class="tool-example">💬 "生成技能文档" / "生成所有工具的文档"</div>
418
- <div class="tool-params">scope: all/basic/generation, tool_name, lang</div>
419
- </div>
420
-
421
- <div class="tool-card">
422
- <div class="tool-name">41. oh-my-openCode</div>
423
- <div class="tool-desc">自动检测提示中的关键词并激活专门模式</div>
424
- <div class="tool-example">💬 "ulw"</div>
425
- <div class="tool-params">最大性能模式,带并行智能体编排</div>
505
+ <div class="tool-name">2. init_setting</div>
506
+ <div class="tool-desc">初始化 Cursor IDE 配置</div>
507
+ <div class="tool-example">💬 "初始化 Cursor 配置"</div>
508
+ <div class="tool-params">project_path: 项目路径</div>
426
509
  </div>
427
510
  </div>
511
+
428
512
 
429
513
  <div class="tips">
430
514
  <strong>💡 使用技巧:</strong><br>
515
+ • <strong>Interview 模式:</strong>需求不明确时先用 interview 访谈,再用 start_feature 开发<br>
516
+ • <strong>UI 开发:</strong>start_ui 提供 manual(步骤指导)和 auto(智能推理)两种模式<br>
431
517
  • <strong>组合使用:</strong>debug 定位 → fix 修复 | analyze_project 了解 → add_feature 添加<br>
432
518
  • <strong>工作流优先:</strong>复杂任务用 start_* 系列(自动编排),简单任务用单个工具(更快)<br>
433
519
  • <strong>提供完整信息:</strong>粘贴完整错误堆栈、提供代码上下文、描述清楚期望结果<br>
@@ -439,11 +525,20 @@
439
525
  • <strong>修 Bug:</strong>"修复这个 Bug:[错误信息]" → 自动分析定位修复测试<br>
440
526
  • <strong>新功能:</strong>"开发用户登录功能" → 自动生成规格估算工作量<br>
441
527
  • <strong>代码审查:</strong>"全面审查这段代码" → 质量+安全+性能综合分析<br>
442
- • <strong>发版准备:</strong>"准备发布 v1.2.0" → 自动生成 Changelog 和 PR 描述
528
+ • <strong>发版准备:</strong>"准备发布 v1.2.0" → 自动生成 Changelog 和 PR 描述<br>
529
+ • <strong>UI 开发:</strong>"start_ui '登录页面'" → 检查设计系统 → 生成组件 → 渲染代码
530
+ </div>
531
+
532
+ <div class="workflow" style="background: #e7f3ff; border-left-color: #2196f3;">
533
+ <strong>🎨 UI 开发完整流程(v1.15.0 优化):</strong><br>
534
+ 1. <strong>生成设计系统:</strong>ui_design_system --product_type="SaaS" --stack="react"<br>
535
+ 2. <strong>一键生成页面:</strong>start_ui "登录页面" (自动检查文件、提供步骤指导)<br>
536
+ 3. <strong>智能模式:</strong>start_ui "电商商品列表" --mode=auto (AI 自动推理参数)<br>
537
+ 4. <strong>批量生成:</strong>所有页面自动使用相同设计规范,样式完全统一 ✨
443
538
  </div>
444
539
 
445
540
  <div style="text-align: center; margin-top: 8px; font-size: 7.5pt; color: #999;">
446
- MCP Probe Kit 工具速查手册 | MCP工具: 40个 + 扩展工具: 1个 | 打印日期: <script>document.write(new Date().toLocaleDateString('zh-CN'))</script>
541
+ MCP Probe Kit 工具速查手册 v1.15.0 | 49个工具 (37基础 + 9编排 + 3 UI/UX) | 打印日期: 2026-01-25
447
542
  </div>
448
543
  </body>
449
544
  </html>